- Durée
- 2 jours
- Niveau
- Intermédiaire
- Modalités
- Présentiel / Distanciel
Description de la formation Figma Perfectionnement
Cette formation Figma Perfectionnement a pour objectif de rendre les participants autonomes dans la création, la structuration et l’optimisation d’un design system dans Figma. Ils apprendront à analyser leurs besoins, définir une convention de nommage claire et à concevoir des composants atomiques puis complexes, exploitant pleinement les propriétés avancées (variants, conditions, variables).
Les apprenants découvriront comment automatiser la gestion des tailles et couleurs sur différents écrans, comment utiliser les design tokens et mettre en place des collections pour un workflow plus fluide. Ils sauront également créer des prototypes avancés incluant conditions et interactions complexes, maîtriser le Dev Mode pour partager et documenter le design auprès des développeurs, et organiser un espace de travail collaboratif efficace. Enfin, ils intégreront les dernières nouveautés et plugins IA pour gagner en productivité et en cohérence.
Objectifs pédagogiques
Concrètement, à l'issue de cette formation Figma Perfectionnement, vous serez en mesure de :
- Exploiter les dernières nouveautés de Figma
- Construire un design system optimisé avec des collections et variables
- Optimiser son workflow du prototype au partage avec les développeurs
Objectifs opérationnels
Savoir construire un design system structuré, optimisé et documenté.
Programme
Contenu du cours, module par module
6 modules
- Connaître les dernières nouveautés Figma
- Construire un Design System optimisé dans Figma
- Analyser des ressources et modèles de fichiers de design system
- Acquérir une bonne convention de nommage (files, pages, sections, frames, layers, styles, components…)
- Appréhender la construction atomique, ses bénéfices et ses limites
- Faire l'inventaire de ses besoins et structurer son design system Distinguer les styles et les variables
- Mettre en place une palette de couleurs de base et une palette d'usage
- Créer des composants atomiques simples
- Créer des composants complexes (propriétés : variants, bolean, instance, text) Créer des templates pour Buzz, Sites, Figjam)
- Appréhender les design tokens
- Créer des variables et des collections (couleurs, nombres, textes, booléennes)
- Automatiser la gestion des tailles sur les différentes écrans
- Automatiser la gestion des couleurs sur les différentes écrans
- Optimiser le workflow de la production avec la conception de différentes collections (taille, thèmes, responsive...)
- Créer des composants complexes qui mixe les différentes propriétés et les variables
- Exploiter les nouvelles fonctions liées aux polices (nombre de lignes visibles, catégories, hauteur de texte, numérotation...)
- Exploiter des plugins d'ai génératives (intelligences articielles) Connaître des plugins d'ai analytiques
- Appréhender les nouveautés dans Figjam
- Connaître tous les différents types d'événements, d'actions et d'animation
- Partager les états des composants interactifs, des vidéos et du défilement
- Générer des valeurs numériques ou de chaînes dynamiques à l'aide d'opérateurs
- Ajouter des conditions au prototypes
- Définir l'état d'une section pour les développeurs
- Inspecter et copier-coller les codes pour le web, ios ou android
- Lier un composant Figma à une ressource Dev (GitHub, StoryBook, Jira)
- Comparer les modifications de la version actuelle à la précédente
- Inspecter des fichiers Figma dans VS Code
- Appréhender l'espace de travail Figma (Team, Project, File, Branch, History)
- Partager ses fichiers, prototypes, bibliothèques, templates
- Ajouter et gérer des librairies partagées par plusieurs documents
- Optimiser et documenter la Focus View pour les développeurs
- Gérer l'utilisation des polices aux polices et des plugins
- Mettre en place une gouvernance pour le design system
Programme mis à jour le 24/04/2026
Public concerné
Ce cours Figma Perfectionnement cible principalement les graphistes, webdesigner, UI Designer, UX Designer, chefs de projet ou toute personne amenée à utiliser le logiciel Figma dans le cadre de la conception et de la création d'interfaces.
Prérequis
Pour suivre cette formation Figma Perfectionnement dans de bonnes conditions, il est nécessaire d'avoir suivi la formation Figma : Concevoir des maquettes UX/UI à l'aide du logiciel Figma (FIGM) ou bien d'en posséder les connaissance équivalentes.
Un audit téléphonique d'un(e) conseiller(e) formation sera réalisé pour s'assurer des pré-requis et des besoins de l'apprenant, complété d’un audit de niveau via un formulaire à remplir, soumis à l'analyse du formateur référent.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
4,5/5
2 avis
« Mon avis sur le contenu du stage : "très bien" Ce que j'ai le plus apprécié : "Réponses pertinentes et enrichissantes à mes questions sur le logiciel Figma" Ce que j'ai le moins apprécié : "Mise à jour inopportune de l'interface Figma mais le formateur n'y est pour rien..." »
BOULLEN LECOMTE AgnèsSTIME « Mon avis sur le contenu du stage : "Je fais partie des personnes maitrisant Figma donc le niveau est puls faible mais primordial pour que toute l'équipe en interne parle le même language. Top!" Mon avis sur le formateur : "Le formateur est au top ! Merci :)" »
DUPARC - Wylliam
Les avis figurant ci-dessus sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Formations liées
- Framework Flask : développement de service webRéf. OFLA2 joursIntermédiaireProchaine session : 17 déc.1 590 €
- Google AppSheet : Développer des applications no-codeRéf. GGAS3 joursIntermédiaireProchaine session : 16 nov.2 090 €
- GWT (Google Web Toolkit) : Développement d'applications riches Réf. DGWT3 joursIntermédiaire
- HTML5, CSS3, l'essentielRéf. IHTM2 joursFondamentalProchaine session : 26 oct.1 590 €