Maîtriser les bases de Figma pour le design d'interface
Figma se prend en main vite, devenir productif demande les bons réflexes dès le départ. Vous repartez capable de prototyper des interfaces desktop et mobile en haute-fidélité, et de livrer aux développeurs avec des composants propres. Pour les designers qui démarrent ou veulent corriger leurs automatismes.
À propos de cette formation
Acquérir les bases du logiciel et les bons réflexes pour prototyper des interfaces desktop et mobile haute-fidélité. Utiliser les composants et les librairies pour structurer ses process et livrer aux développeurs.
Ce que vous apprendrez
- Comprendre l'ecosysteme de Figma et son usage dans un contexte produit
- Creer les styles de couleurs, layout, typographie
- Distinguer frame, auto-layout, section et leur contexte d'utilisation
- Creer des composants reutilisables avec les proprietes et variants
- Manipuler les grilles responsive et l'auto-layout wrap
- Preparer ses ecrans pour les developpeurs avec le Dev Mode
Programme détaillé
- Comprendre l'écosystème de Figma et son usage dans un contexte produit.
- Connaître les fonctionnalités disponibles en fonction de l'abonnement (Pro, Organization, Entreprise)
- Se familiariser avec l'interface et la navigation sur le logiciel et organiser ses fichiers.
- Créer les styles de couleurs, layout, typographie.
- Comprendre le principe de librairie (UI Kit), distinguer les cas d'utilisation des styles et variables.
- Publier et mettre à jour sa librairie de styles et composants.
- Distinguer la différence entre un (groupe/frame/auto-layout/section/grid) et leur contexte d'utilisation.
- Utiliser l'IA sur Figma pour créer rapidement du contenu réaliste et adapté
- Créer une première animation de type scroll, et découvrir le panneau de configuration de prototypage.
- Méthodes et process Atomic Design, pour optimiser la création de composants, maîtriser les concepts de propriétés, et variantes.
- Prototyper les différents états de composant en s'appuyant sur les styles et étendre son système de variantes.
- Animer les différents états de composants et découverte des bases de l'animation en UI et sur Figma (prototypage)
- Manipuler les grilles responsive et l'auto-layout wrap
- Préparer ses écrans pour les développeurs
- Introduction au Dev Mode
- Découvrir les différentes façons de partager son travail
- Les meilleurs plugins pour être plus productif
À qui s'adresse cette formation
Votre formateur
Romain DAO
Design Engineer & Formateur Figma
Spécialiste Figma et Design System depuis plus de 15 ans. Content creator et partenaire privilégié Figma en France, j'aide les équipes produit à construire des interfaces performantes et des systèmes de design durables. +30 000 personnes formées via ma communauté.
En savoir plus sur RomainQuestions fréquentes
Lieu de formation
Chaque formation est disponible en présentiel à Paris 15e (jusqu'à 8 designers, ambiance conviviale), en intra-entreprise dans vos locaux, ou à distance en visio.
À Paris, 15e
Accueillez votre équipe dans notre espace de formation, jusqu'à 8 designers, ambiance conviviale et studieuse.
Chez vous (intra)
Je me déplace directement dans vos locaux pour former votre équipe sur place.
À distance
Formation en visio, même qualité d'accompagnement, où que vous soyez.
Formations similaires
D'autres formations qui pourraient vous interesser
Travaillons ensemble
Formation, design system, conseil Design Ops : je construis avec vos équipes une pratique design plus solide et plus efficace.