Figma: Design Tokens & fonctionnalités avancées avec Teddy Voisin, Senior Product Designer
En 2 mots
Figma est le logiciel incontournable pour les équipes de design qui gèrent divers projets en collaboration avec des équipes variées. Apprenez d’un des meilleurs spécialistes en la matière, Teddy Voisin, actuellement Senior Product Manager chez Back Market, responsable de l'équipe de designers dédiés au Design System (qui sert actuellement plus de 20 designers et 50 développeurs). À travers sa session, il vous guidera sur l'ensemble des fonctionnalités avancées de Figma et vous aidera à les utiliser en fonction de vos besoins en mettant particulièrement l'accent sur l'application des Design Tokens. Notez que les variables sont une nouvelle fonctionnalité qui existent en version bêta et la session sera mise à jour et enrichie au fur et à mesure de leur évolution.
A qui s'adresse cette formation ?
Designers
intermédiaires à avancés voulant découvrir comment utiliser Figma dans une équipe design pluridisciplinaire
Product Designers
souhaitant découvrir toutes les fonctionnalités des variables Figma
System designers
souhaitant maîtriser les dernières fonctionnalités Figma et être plus efficaces
Pré-requis : Comprendre et maîtriser les fonctionnalités de base de Figma: styles, layout, prototypes et composants avec plusieurs variants.
Ce que vous apprendrez
Comment utiliser efficacement Figma pour favoriser la collaboration entre designers, développeurs et product managers et augmenter la vélocité des équipes
Comment gérer une librairie de composants complexes (nested components, multiples variants, variables)
Comment mettre en place ses design tokens dans Figma grâce aux variables
Comment utiliser les variables pour simplifier le prototypage dans Figma
A propos de Teddy
Recommandations
Jules Carré
Product Designer Wooclap
"Teddy is a great designer who manages to balance both a long-term view of what a project could be and a down-to-earth very practical mind. Additionally, he is one of the designers with the best business sensibilities I have been given to work with as a Product manager."
Joanne Wong
Senior Product Designer Yelp
“Teddy is Figma wizard who knows the ins and outs to building components for a great design system! He's a great communicator and methodical teacher as well. "
Notes et avis (9)
Satisfaction
4,3/5
Autres notes
- Expertise trainer
- 4,7
- Pédagogie trainer
- 4,3
- Expérience
- 3,7
- Interactivité
- 4,2
- Nouv. compétences
- 4,1
- Nouv. méthodes
- 4,4
Derniers avis
Jordane Lelong - Product Designer @Majelan
il y a 5 mois
il y a 5 m.
Noémie Lemaire - Designer @Manomano
il y a 8 mois
il y a 8 m.
Myriam Rivet - UX UI designer @Aume
il y a 11 mois
il y a 11 m.
Salomé Beucher - - @Comet
il y a 11 mois
il y a 11 m.
Le programme
Matin
Utiliser Figma dans son entreprise
1 Comment organiser et structurer ses projets et ses fichiers: l’exemple de Back Market, Algolia, Heetch, etc.
2 Structure de fichier sur une gestion de projets avec différentes pages.
3 Group work Convention de nommage : principes et exemples de BackMarket et d’autres entreprises
Design tokens & Variables
1 Comment utiliser les variables Figma pour mettre en place des design tokens (les variables de couleurs et de spacing)
2 Variable vs Styles : Comprendre les différences dans les concepts et les usages.
3 Case study - L’exemple de la transition du design system de Back Market
4 Group work Construire une collection de variables
Autolayout avancé
1 Utiliser les fonctionnalités avancés de l’auto-layout pour construire des composants adaptatifs
2 Exemples d’utilisation de l’autolayout dans des pages et composants
3 Group work Utiliser toutes les fonctionnalités d’auto-layout pour construire des composants adaptatifs
Déjeunons !
Après-midi
Les composants Figma
1 Comment créer des composants Figma avancés pour votre design system (variants, propriétés, variables, nested components, etc…)
2 Comment construire et maintenir une librairie de composant à grande échelle
3 Group work L’impact des variables sur la construction de composants
4 Case study - L’exemple de la gestion des composants du design system de Back Market
5 Group work Utiliser les variants, propriétés et variables pour simplifier la construction de ses composants
Variables et prototypes
1 Comment utiliser les variables Figma dans ses prototypes (variables de Booléen et variables de texte)
2 Group work Utiliser les variables pour simplifier la construction de prototypes
La promesse Pollen
Relevez les défis de demain aux côtés des meilleurs d'aujourd'hui.
- Les meilleurs opérationnels partagent leur secret sauce
- Une pédagogie active et rythmée
Des contenus directement actionnables - Une communauté de talents
Des échanges authentiques et concrets, 12 participants max.