PROFILCULTURE EMPLOI PROFILCULTURE FORMATION PROFILCULTURE CONSEIL PROFILCULTURE COMPÉTENCES

Guide des formations
Métiers de la culture et des médias

Figma : créer des maquettes dynamiques

Site web

Lieu de la Formation :

Saint-Sébastien-sur-Loire (44) ou dans vos locaux

Date(s) de début de la formation / des sessions :

• Les 13 & 16-17 fév. 2026
• Les 5-6-7 mai 2026
• Les 26-27-28 août 2026
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)

Coût de la Formation / Financement :

Nous contacter

Contenu, objectif et condition de validation de la formation :

1. OBJECTIFS DE LA FORMATION

. Apprendre à concevoir des maquettes dynamiques pour des sites web ou des applications.

2. CONTENU DE LA FORMATION

Introduction et prise en main de Figma

. Présentation de l’outil Figma.
. Création d’un compte et découverte des différents plans disponibles.
. Distinction entre les deux types de fichiers : Design File et FigJam File.
. Exploration de l’interface et des principaux raccourcis clavier.
. Découverte des outils essentiels.
. Compréhension du panneau latéral gauche : gestion des calques et composants.
. Compréhension du panneau latéral droit : onglets Design et Prototype.

CRÉER SA PREMIÈRE MAQUETTE DYNAMIQUE

Étapes préliminaires

. Premier échange avec le client et réalisation de croquis papier.
. Rédaction du cahier des charges et des spécifications fonctionnelles.

Préparation du fichier Figma

. Choix de l’équipe et création du projet (un seul projet avec l’offre gratuite).
. Création d’un fichier Design File (limité à trois fichiers dans la version gratuite).
. Mise en place de trois pages : Charte graphique, Wireframe, Maquette.

Charte graphique

. Création d’un moodboard et installation d’un premier plugin.
. Élaboration de la palette de couleurs et ajout des styles associés.
. Sélection et intégration des polices dans les styles.
. Importation du logo et création d’un frame.
. Export de la charte graphique en PDF.

Wireframe

. Exploration des kits et des ressources de la communauté Figma pour optimiser le travail.
. Identification des différents types d’éléments dans les calques : composants, instances, etc.
. Utilisation des grilles pour structurer la mise en page.
. Compréhension et configuration de l’Auto Layout.

Maquette dynamique

. Utilisation des assets et des styles créés en amont.
. Création de la barre de navigation et intégration d’icônes.
. Création et regroupement des composants.
. Importation d’images.
. Gestion des contraintes de mise en page.
. Ajout de variants à un composant.
. Découverte et installation de plusieurs plugins.
. Création d’animations.
. Partage de la maquette dynamique.

Les débouchés :

Assistant UI designer
Assistant UX/UI dans une agence ou un service digital
Maquettiste web débutant
Créateur de wireframes et maquettes simples pour sites ou applications
Collaborateur dans la conception d’interfaces (projets web, e-commerce, applis)
Freelance débutant en création de maquettes web
Support design pour petites équipes ou startups

Effectifs de la formation :

Maximum 6 personnes

Dernières actualités

Emploi

1er site emploi du secteur culturel 550.000 visites et 215.000 visiteurs uniques par mois.

www.profilculture.com