★ Unité 15

Maîtriser Figma

Deviens rapide et à l’aise dans l’outil que la plupart des équipes produit utilisent : frames et calques, auto layout, redimensionnement et contraintes, composants et variantes, variables et modes, prototypes et passation. Chaque leçon contient un plan de travail directement dans la page, pour que tu pratiques chaque idée avec tes mains avant de la refaire dans Figma.

🔒 L'unité 15 est réservée aux membres

Les unités 7 à 25 sont réservées aux membres du bootcamp. Connecte-toi si tu es apprenant, ou candidate pour nous rejoindre.

Se connecterRetour au cours gratuit

1Le canevas, les frames et les calquesRepère-toi dans un fichier de design, distingue les frames des groupes, et garde des calques assez propres pour que n’importe qui puisse travailler dedans.
2Auto layoutConstruis des boutons, des listes et des cartes qui se réorganisent tout seuls, avec la direction, l’espace, la marge intérieure et l’alignement.
3Hug, Fill, Fixe et contraintesDécide comment chaque calque se comporte quand son conteneur ou son contenu change de taille.
4Composants et instancesTransforme les designs répétés en composants, place des instances, surcharge ce qui peut varier, et change tout depuis un seul endroit.
5Variantes et propriétés de composantOrganise les versions d’un composant en variantes, expose les bonnes propriétés, et change-les sur les instances au lieu de créer de nouveaux composants.
6Styles et variablesStocke les couleurs et les nombres sous forme de variables, applique-les aux calques, et change de mode comme clair et sombre.
7Prototyper dans FigmaRelie des écrans en un parcours cliquable avec les bonnes interactions et animations, et présente-le pour le tester.
8Collaboration et passationPrépare un fichier à partir duquel un développeur peut construire, et collabore avec des commentaires, des versions et un statut clair.
★Un parcours construit en composants et prototypéProjet