Aller au contenu principal
Retour aux formations
FigmaUI DesignPrototypageAuto-layoutComposants

Maîtriser les bases de Figma pour le design d'interface

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.

Outils
Figma
Storybook
Sur devisDemander un devisUne question ? Contactez-nous
Durée2 jours (14h)
FormatPrésentiel/Distanciel
NiveauDebutant a Intermediaire
Participants2 à 8 personnes
Maîtriser les bases de Figma pour le design d'interface

À 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

UX/UI
PM/PO
Product designers

Votre formateur

Romain DAO

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 Romain

Questions fréquentes

Formez-vous au cœur de Paris

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

Voir toutes les formations

Travaillons ensemble

Je vous accompagne de la stratégie à la conception Figma, en passant par la mise en place de votre Design System et la formation de vos équipes.

Demander un devis