$ cat ./formations/figma-avance
Figma avancé : composants, variables et design system
Description
Un cours pour designers qui savent déjà dessiner une maquette et veulent industrialiser. On construit, écran après écran, une petite bibliothèque de A à Z : boutons et cartes en auto-layout, composants avec propriétés, tokens de couleur et d'espacement en variables avec un mode clair et un mode sombre, prototypes qui réagissent à des conditions, puis une bibliothèque publiée, versionnée et livrée aux développeurs dans Dev Mode. Chaque leçon donne les manips exactes, les raccourcis et les pièges qui coûtent des heures quand on ne les connaît pas.
Programme
Objectifs
- Construire des composants qui se redimensionnent seuls sans casser
- Modéliser un bouton complet avec variants et propriétés au lieu de dix copies
- Mettre en place des variables de couleur, d'espacement et de rayon avec modes clair et sombre
- Organiser des tokens en primitives, sémantiques et composants sans se perdre dans le nommage
- Créer un prototype qui change d'état selon une condition, pas seulement au clic
- Publier une bibliothèque, gérer ses versions et livrer des specs exploitables aux développeurs
Compétences acquises
Type de contenu
Votre formateur
Product designer, dix ans en agence puis en scale-up SaaS. A repris trois design systems Figma qui partaient en vrille et maintient une bibliothèque utilisée par une quarantaine de designers et développeurs.
Avis des apprenants
14 avis
- CR
Camille Rousseau
Les exemples font la différence
Ce sont les cas concrets qui m'ont débloqué. On voit tout de suite à quoi ça sert dans un vrai projet.
- MP
Manon Perrin
À refaire
Je compte reprendre certaines parties dans un mois pour ancrer. Le fait de tout avoir en écrit aide beaucoup à réviser.
- YC
Yanis Cherif
Correct
Bon cours dans l'ensemble. Le niveau annoncé est juste, par contre prévoyez de coder en parallèle sinon ça glisse vite.
- MK
Mehdi Kaddouri
À refaire
Je compte reprendre certaines parties dans un mois pour ancrer. Le fait de tout avoir en écrit aide beaucoup à réviser.
- LD
Léa Dupont
À refaire
Je compte reprendre certaines parties dans un mois pour ancrer. Le fait de tout avoir en écrit aide beaucoup à réviser.
- CR
Camille Rousseau
Correct
Bon cours dans l'ensemble. Le niveau annoncé est juste, par contre prévoyez de coder en parallèle sinon ça glisse vite.
- CR
Camille Rousseau
Correct
Bon cours dans l'ensemble. Le niveau annoncé est juste, par contre prévoyez de coder en parallèle sinon ça glisse vite.
- AV
Aurélie Vasseur
Enfin clair
J'avais déjà suivi deux formations sur le sujet sans que ça tienne. Là, les explications vont au fond des choses et les quiz obligent à vraiment comprendre, pas à recopier.