- Référence : FIGA
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
1500€ HT
Choisir une date et Réserver
Durée
2 jours
Niveau
Intermédiaire
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
FIGA
Éligible CPF
Non
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.
Objectif opérationnel :
Savoir construire un design system structuré, optimisé et documenté.
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
Public :
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 ce test.Préambule
Connaître les dernières nouveautés FigmaConstruire un Design System optimisé dans FigmaAnalyser 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 et variables dans Figma
Appréhender les design tokensCré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...)
Optimiser votre workflow avec les dernières nouveautés
Créer des composants complexes qui mixe les différentes propriétés et les variablesExploiter 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
Créer des prototypes avancées avec les variables
Connaître tous les différents types d'événements, d'actions et d'animationPartager 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
Exploiter les fonctionnalités du dev mode
Définir l'état d'une section pour les développeursInspecter 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
Élaborer un mode de travail collaboratif sur les projets
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
Dates et lieux
Avis des participants à la formation Figma Perfectionnement : Design Expert
Les avis figurant ci-dessous 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.
BOULLEN LECOMTE Agnès
5/5
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..."
DUPARC - Wylliam
4/5
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 :)"
Ces formations peuvent aussi vous intéresser :
- Niveau : Fondamental
- Référence : PENP
- Niveau : Fondamental
- Référence : AXDD
Apprendre à créer des visuels pour le web, les réseaux sociaux et le print avec Canva
- Niveau : Fondamental
- Référence : CMCV
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
4,7/5
95% de nos participants
sont satisfaits ou
très satisfaits
Formateurs experts
validés par
PLB
%
Des participants
recommandent
nos formations
