Graphisme
Formation Figma
Figma : Concevoir des interfaces digitales professionnelles et collaboratives Cette formation permet de maîtriser Figma de la création d’interfaces à la mise en place d’un design system collaboratif.
Format
Intra-entreprise
Durée recommandée
≈ 21 à 35 heures
Démarrage
Sous 15 jours
Sur-mesure
Programme co-construit avec le formateur
Mis à jour le
Pour qui ?
- ›UX/UI designers débutants à confirmés
- ›Webdesigners et graphistes souhaitant évoluer vers le digital
- ›Chefs de projet digital, product owners et équipes marketing
- ›Développeurs front-end souhaitant mieux collaborer avec les équipes design
Prérequis
- ›Connaissance de base de l’environnement web et des principes fondamentaux du design graphique.
Objectifs pédagogiques
- ›Maîtriser l’interface et les fonctionnalités essentielles de Figma
- ›Concevoir des maquettes web et mobile structurées et professionnelles
- ›Créer des composants réutilisables et structurer un design system
- ›Réaliser des prototypes interactifs testables
- ›Organiser un travail collaboratif efficace avec les équipes produit et développement
- ›Préparer et transmettre des fichiers optimisés aux développeurs
Programme détaillé
9 modules, construits autour de vos cas réels.
Durée recommandée ≈ 21 à 35 heures, modulable selon le rythme du groupe et vos contraintes intra-entreprise.
01Prise en main de Figma et environnement de travail
Chapitres- Comprendre l'interface Figma : canvas, panneaux de calques, propriétés et barre d'outils
- Naviguer entre projets, équipes et fichiers dans l'espace de travail
- Structurer un fichier avec les pages, les frames et les sections
- Utiliser le zoom, les raccourcis clavier et les modes de vue pour gagner en fluidité
- Configurer son compte, les permissions et les versions du fichier
- Mettre en place une arborescence de nommage claire dès l'ouverture du projet
02Dessin vectoriel et fondamentaux graphiques
Chapitres- Manipuler les formes, le pen tool et les opérations booléennes
- Maîtriser les calques, les groupes et l'ordre d'empilement
- Gérer les remplissages, contours, ombres et effets de flou
- Définir des styles de couleur et de typographie réutilisables
- Importer et travailler des images, masques et formats vectoriels
03Fondamentaux du design d'interface
Chapitres- Appliquer les principes UI de hiérarchie visuelle et de lisibilité
- Construire des grilles, colonnes et systèmes d'espacement cohérents
- Configurer les contraintes pour des écrans web et mobile
- Concevoir des interfaces multi-tailles à partir d'un même design
- Structurer une maquette d'écran encadrée du wireframe au visuel finalisé
04Composants, variantes et bibliothèques
Chapitres- Créer des composants réutilisables et gérer leurs instances
- Définir des variantes pour couvrir les états hover, actif et désactivé
- Exploiter les properties de composant : booléens, texte et instance swap
- Organiser une bibliothèque partagée avec un nommage hiérarchisé
- Diffuser et mettre à jour la bibliothèque entre fichiers et équipes
- Maintenir la cohérence des instances lors des évolutions de la source
05Auto Layout et conception adaptative
Chapitres- Comprendre le fonctionnement de l'Auto Layout et du flux des éléments
- Configurer padding, gap, alignement et redimensionnement des blocs
- Imbriquer plusieurs Auto Layout pour des composants complexes
- Gérer les comportements responsive avec hug, fill et fixed
- Construire un module UI adaptatif en application encadrée
06Prototypage interactif et tests de parcours
Chapitres- Créer des liens, déclencheurs et transitions entre frames
- Animer avec le Smart Animate et les overlays
- Mettre en place des variables et des interactions conditionnelles
- Simuler un parcours utilisateur complet pour le tester
- Présenter et partager un prototype interactif testable
07Collaboration et organisation d'équipe
Chapitres- Travailler à plusieurs en temps réel sur un même fichier
- Gérer les commentaires, les retours et l'historique des versions
- Organiser les permissions, les équipes et les espaces de projet
- Partager des bibliothèques entre plusieurs fichiers et équipes
- Structurer les rituels de collaboration entre design, produit et développement
- Utiliser les branches et le merge pour gérer les évolutions à plusieurs
08Design system et structuration avancée
Chapitres- Définir l'architecture d'un design system et ses fondations
- Mettre en place des tokens, styles globaux et variables de thème
- Documenter les composants, leurs usages et leurs règles
- Organiser la gouvernance et l'évolution du système dans le temps
- Déployer le design system dans un environnement multi-projets
09Transmission aux développeurs et industrialisation
Chapitres- Exploiter le Dev Mode pour inspecter mesures, couleurs et code
- Exporter des assets optimisés aux bons formats et résolutions
- Rédiger des spécifications techniques exploitables par le front-end
- Fluidifier la passation entre design et développement
- Mettre en place les plugins et intégrations qui automatisent la production
Moyens & supports pédagogiques
- Accueil des stagiaires
- Supports de formation projets
- Apports théoriques et pratiques
- Études de cas concrets
- Auto-positionnement
- Accès en ligne aux ressources
Évaluation & suivi des acquis
Feuille de présence
Émargement des stagiaires en présentiel ou à distance, via support papier ou signature électronique.
Émargement sécurisé
Signatures électroniques collectées en ligne et conservées dans un coffre-fort numérique sécurisé par Dendreo.
Auto-positionnement
Évaluation du niveau des stagiaires en début et en fin de formation pour mesurer la progression.
Évaluations pédagogiques
Validation des acquis par des questions orales ou écrites tout au long de la formation.
Mises en situation
Exercices pratiques et cas concrets pour ancrer les compétences dans la réalité métier.
Attestation de fin de formation
Remise d'une attestation officielle à l'issue de la formation.
Délai d’accès
Sous 15 jours après validation du devis
Accessibilité PSH
Adaptations possibles en situation de handicap. En savoir plus
Questions fréquentes
Ce que les entreprises demandent avant de se lancer.
À qui s'adresse la formation Figma de Mill-Forma ?
Elle vise les équipes de professionnels : UX/UI designers débutants à confirmés, webdesigners et graphistes en évolution vers le digital, chefs de projet digital, product owners, équipes marketing et développeurs front-end qui collaborent avec le design. Le format est intra-entreprise, le formateur se déplace dans vos locaux et construit le programme sur vos maquettes et votre design system réels. Ce n'est pas un cursus pour autodidacte isolé, c'est une montée en compétence d'équipe.Quels sont les prérequis pour suivre la formation ?
Une connaissance de base de l'environnement web et des principes fondamentaux du design graphique suffit. Aucune expérience préalable de Figma n'est exigée, la formation accueille aussi bien des débutants complets que des équipes déjà utilisatrices qui veulent structurer un design system ou fiabiliser leur passation aux développeurs.Quelle est la durée et le format de la formation ?
La durée recommandée est d'environ 28 heures, modulable de 21 à 35 heures selon le niveau du groupe et vos objectifs. La formation se déroule en présentiel sur votre site ou en distanciel, Figma tournant entièrement dans le navigateur sans contrainte matérielle. Le séquencement des 9 modules s'adapte à votre priorité, le formateur l'ajuste lors du cadrage avant la session.La formation Figma est-elle finançable ?
Oui. Mill-Forma est un organisme certifié Qualiopi, ce qui rend la formation finançable via votre OPCO ou votre plan de développement des compétences. Le financement repose sur la certification de l'organisme, pas sur un enregistrement de l'outil au RNCP.Travaille-t-on sur nos propres maquettes pendant la session ?
Oui, autant que possible. Le programme est co-construit en amont avec le formateur pour caler les exercices sur vos cas réels : un design system à structurer, une bibliothèque de composants à assainir, un projet client en cours. L'équipe repart avec des fichiers Figma directement réutilisables.Quelle attestation délivre la formation ?
Chaque participant reçoit une attestation de fin de stage et un certificat de réalisation détaillant les compétences validées module par module. Ce sont les documents standards d'une formation professionnelle continue dispensée par un organisme Qualiopi.
Prochaine étape
Construire votre formation Figma
Un échange de 20 minutes suffit pour cadrer vos enjeux et la session. Devis personnalisé sous 48h, démarrage sous 15 jours.
- Réponse sous 24h ouvrées
- 01 85 71 00 29
Pour aller plus loin
