Formation Figma Niveau 3 — expert — variables, design system scalable et Dev Mode
Maîtrisez Figma pour construire un design system complet, scalable et maintenable. Apprenez utiliser des variables et logiques conditionnelles et collaborer efficacement avec les équipes produit et dev. Une formation experte pour industrialiser votre workflow et professionnaliser vos livrables.
En résumé
Durée :
1 jours (7h)Réf :
B-UX-F3 V1.1 du 20/05/2025Prix :
725€ HTPour qui est cette formation ? :
UX Designer ou UI Designer senior souhaitant industrialiser sa pratique Figma
Lead Designer ou Design Lead en charge d'un design system d'équipe
Product Designer voulant maîtriser les variables et la logique conditionnelle
Designer travaillant en collaboration étroite avec des équipes de développement
Toute personne souhaitant connecter Figma à des outils comme Storybook ou Zeroheight
Pré-requis :
Avoir suivi la formation Figma Niveau 2 de Bewizyu ou valider les acquis équivalents via notre test de niveau. Un compte Figma professionnel (formule payante) est recomandée.Prochaine session :
- 2026-09-23
- 2026-11-25
Programme de la formation
Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
- Construire et maintenir un design system complet et scalable dans Figma.
- Optimiser les composants complexes, les variantes et l’auto-layout pour un usage pro.
- Créer des prototypes fonctionnels avancés avec variables, logique et transitions.
- Collaborer efficacement avec les équipes produit et dev.
PROGRAMME
MATINÉE
1. Design systems pro dans Figma
- Structuration d’un design system à grande échelle.
- Pages dédiées (foundations, components, templates, doc…).
- Tokens, styles partagés, variables de design (couleurs, tailles, espacements).
- Bonnes pratiques de naming et conventions (BEM-like, Atomic Design, etc.).
Objectifs Opérationnels : Savoir formaliser un design system dans Figma
Moyen d’évaluation : QCM
2. Composants avancés & logique dans Figma
- Variables (locales, globales) : qu’est-ce que c’est, cas d’usage.
- Utilisation conditionnelle (if/else) dans les composants interactifs.
- Components “intelligents” : boutons dynamiques, menus déroulants, toggles, etc.
- Cas spécifiques : dark mode, multi-langue, responsive complexe.
Exercice pratique : Créer un composant interactif multi-états avec logique conditionnelle et variables.
Objectifs Opérationnels : Approfondir ces connaissances sur le fonctionnement des composants dans Figma
Moyen d’évaluation : QCM
APRÈS-MIDI
3. Prototypage ultra-dynamique
- Intégrer la logique utilisateur avec les variables de prototypage.
- Navigation conditionnelle, systèmes à étapes, formulaires simulés.
- Astuces : overlays modaux, animations, effets visuels fluides.
- Démo de prototypes presque "fonctionnels".
Exercice pratique : Créer un prototype de formulaire à étapes avec navigation conditionnelle (et erreurs simulées).
Objectifs Opérationnels : Approfondir ses connaissances sur le prototypage fonctionnel avancé dans Figma
Moyen d’évaluation : QCM
4. Collaboration produit / dev poussée
- Dev Mode : export précis, redlines, tokens, inspecteurs de code.
- Connecter Figma à des outils comme Storybook, Zeroheight, Zeplin, GitHub.
- Stratégies de synchronisation design ↔ développement.
- Hand-off parfait : comment livrer, documenter, suivre les évolutions.
Objectifs Opérationnels : Améliorer la collaboration entre Design et Développeur
Moyen d’évaluation : QCM
5. Industrialisation & maintenance
- Stratégies pour maintenir un fichier Figma
- Organisation multi-fichiers / multi-produits.
- Outils de supervision : Analyses Figma, audits d’usage, nettoyage de design system.
Objectifs Opérationnels : Savoir maintenir un design system complet et scalable dans Figma.
Moyen d’évaluation : QCM
Informations pratiques
- Théorie 30%
- Pratique 70%
- Logistique : Avoir un compte Figma (formule professionnel payante minimum)
- Lieu au choix (présentiel recommandé) : Centre de formation bewizyu, Nantes / Dans vos locaux / Classe à distance
Formateur
UI Designer et Product Designer, intervient à toutes les étapes d’un produit ou service imaginé selon une démarche centrée utilisateur.
Personnes en situation de handicap
Nos formations sont accessibles aux personnes en situation de handicap. Afin de nous permettre d’organiser le déroulement de la formation dans les meilleures conditions possibles, contactez-nous. Un entretien avec notre référent.e handicap pourra être programmé afin d’identifier les besoins et aménagements nécessaires.
Programme et catalogue peuvent être envoyés sur simple demande
Questions fréquentes
Quels sont les prérequis pour suivre la formation Figma Niveau 3 ?
Il est nécessaire d'avoir suivi la formation Figma Niveau 2 de Bewizyu ou de valider les acquis équivalents via le test de niveau. Un compte Figma professionnel (formule payante) est également requis car la formation utilise des fonctionnalités avancées non disponibles sur la formule gratuite.
Pourquoi la formation Figma Niveau 3 ne dure qu'une journée ?
Le Niveau 3 s'adresse à des profils experts qui maîtrisent déjà Figma. La journée est dense et intensive (7h de formation), centrée sur des fonctionnalités précises : variables, logique conditionnelle, Dev Mode et industrialisation. Ce format court permet aux designers seniors de se former sans bloquer deux jours dans leur planning.
Qu'est-ce que le Dev Mode dans Figma et pourquoi l'apprendre ?
Le Dev Mode est une interface Figma dédiée aux développeurs qui leur permet d'inspecter les composants, d'exporter des redlines précises, de lire les tokens de design et d'accéder aux propriétés CSS directement depuis les fichiers Figma. La maîtriser côté designer améliore considérablement la qualité du hand-off et réduit les allers-retours avec les équipes de développement.
Comment fonctionne la logique conditionnelle dans Figma ?
Depuis l'introduction des variables dans Figma, il est possible de créer des composants et des prototypes avec des comportements conditionnels (if/else) : afficher ou masquer des éléments selon l'état d'une variable, simuler des erreurs de formulaire, gérer des modes dark/light, ou créer des prototypes de navigation à étapes. La formation Figma Niveau 3 enseigne ces fonctionnalités via des exercices pratiques.
Peut-on connecter Figma à Storybook dans cette formation ?
Oui. Le module 'Collaboration produit/dev' couvre la connexion de Figma aux outils de documentation et de développement : Storybook, Zeroheight, Zeplin et GitHub. Vous apprenez à synchroniser les tokens de design, à exporter des composants et à maintenir une cohérence entre le design system Figma et les composants front-end en production.
Qu'est-ce qu'un design system scalable et comment le construire dans Figma ?
Un design system scalable est un système capable de grandir avec le produit sans perdre en cohérence ou en maintenabilité. Dans Figma, cela implique une organisation rigoureuse en pages dédiées (foundations, components, templates, documentation), l'usage de tokens et de variables globales, et des conventions de naming claires (BEM-like, Atomic Design). La formation Figma Niveau 3 vous apprend à structurer ce système pour un usage multi-fichiers et multi-produits.
La formation Figma Niveau 3 est-elle éligible au financement OPCO ?
Oui. Bewizyu est un organisme certifié Qualiopi. La formation Figma Niveau 3 est éligible à une prise en charge par votre OPCO. Contactez-nous pour un devis et un accompagnement dans vos démarches de financement.
À quelle fréquence ont lieu les sessions de formation Figma Niveau 3 ?
La formation Figma Niveau 3 est organisée deux fois par an à Nantes ou à distance. Les sessions 2026 ont lieu le 23 septembre et le 25 novembre. Session garantie à partir de 2 participants. Contactez Bewizyu pour organiser une session intra-entreprise à une autre date.
Dates des prochaines sessions
Septembre
Du 23/9/26 au 23/9/26
Centre de Nantes / Classe à Distance
Novembre
Du 25/11/26 au 25/11/26
Centre de Nantes / Classe à Distance