Logo Laptop  MENU
Formations

Figma

Figma

Apprenez à structurer vos maquettes, à concevoir des composants modulaires et à créer des prototypes interactifs de qualité professionnelle.

En bref

Cette formation de deux jours s’adresse à des professionnels ayant déjà manipulé Figma et souhaitant aller plus loin dans leur pratique à travers des ateliers progressifs. L’objectif est de vous donner les clés pour collaborer efficacement avec une équipe produit ou design, en maîtrisant les bonnes pratiques de conception et de transmission.

👉 Cette formation s’adresse à des personnes ayant déjà une première expérience de Figma (création de fichiers, formes, textes, organisation simple de calques). Si vous débutez, vous pourrez néanmoins y participer : un module e-learning d’initiation vous sera transmis et devra être complété avant le démarrage de la formation.

Vibe-coding Librairies Fondamentaux Prototypage Interactif Interfaces Pratique Tests

Durée

2 jours (16h) / 9h à 18h

Participants

12 max

Lieu

à distance (classe virtuelle) ou en présentiel à Paris

Proch. session

08 au 09 Juin 2026

Financement

OPCO, France Travail

Financements

Prix

1 300 €HT 1 560 €TTC

Note de nos apprenants

5/5

Voir les avis
Prochaines sessions
Postuler

Programme

Figma

Vibe-coding Librairies Fondamentaux Prototypage Interactif Interfaces Pratique Tests

Maîtriser rapidement Figma grâce à des cas pratiques centrés sur la prise en main de l’outil. Vous approfondirez l’interface, la création de maquettes jusqu’au prototype fonctionnel. Apprenez à structurer vos fichiers, utiliser les composants de base et l’AutoLayout. L’objectif : acquérir des bases solides pour une collaboration efficace et devenir autonome sur la conception d’interfaces.

Vibe-coding Librairies Fondamentaux Prototypage Interactif Interfaces Pratique Tests
  • Jour 1 Fondations et organisation

    Découverte de la suite Figma

    • FigJam, Figma Design, Dev Mode, Figma Make, panorama de l’écosystème
    • Interface et raccourcis clés à maîtriser
    • Différence entre fichiers, pages, frames et calques

    Création d’un guide de style efficace

    • Créer et organiser ses styles : couleurs, typographies, ombres, effets
    • Grilles de mise en page et colonnes
    • Logique de la base 4 et application aux espacements
    • Préparer un guide de styles réutilisable

    Auto-layout & Contraintes

    • Logique d’empilement, padding, gap
    • Auto-layout imbriqués pour créer des sections et des pages
    • Contraintes et comportement au redimensionnement
  • Jour 2 Structurer son workflow dans Figma

    Composants & Atomic Design

    • Logique Atomic Design appliquée à Figma
    • Créer un composant, variants, component properties
    • Publier et organiser une bibliothèque partagée

    Responsive Design

    • Breakpoints et frames adaptatifs
    • Combiner auto-layout et contraintes pour des layouts flexibles

    Prototyper vos maquettes

    • Liaisons, triggers et transitions
    • Smart Animate : logique et cas d’usage
    • Tester et partager un prototype

    Collaborer sur Figma

    • Commentaires, partages, co-édition
    • Handoff développeurs : Dev Mode, inspect, exports

    Aller plus loin avec l’outil

    • Plugins incontournables
    • Figma Community : templates et ressources
    • Introduction aux variables (aperçu)
    • Introduction aux outils IA (aperçu)
  • ✔︎ Validation des acquis

    Les acquis de la formation seront validés au moyen d’un exercice de création de prototype interactif et d’animation d’une interface.

Photo d'Aurelien BArbier, intervenant formation Figma niveau 1
Photo de groupe de travail en formation UI
Photo pendant le module de formation Design Sprint avec Mathias Arlot
Photo prise en formation Lead Design

Prochaines sessions

08 au 09 Juin 2026

Postuler
Paris

15 au 16 Octobre 2026

Postuler
Paris

Postuler
Aucune donnée pour cet index.

Les intervenants

Voir tous les intervenants du laptop

Modalités

Toute la FAQ

Ce n’est pas juste une découverte du logiciel, on apprend une vrai méthodologie , des tips pour travailler en collaboration avec les autres acteurs du métier. J’ai trouvé très bien que les exercices soient purement techniques et pas basé sur de la créa, ça laisse vraiment le temps de comprendre le fonctionnement de l’outil.

Marine JEZEQUEL

Marine JEZEQUEL

Directrice artistique - Session février 2025

Les points forts sont : – La qualité du formateur – Beaucoup de pratique de l’outil figma via des exercices simples mais apprenant – Le déjeuner 🙂 – Ajout de petit points théorique sur UI/UX et l’accessibilité très intéressants

Pour se lancer dans l’outils figma, c’est un excellent moyen de commencer. Après, c’est à nous de nous y mettre concrètement !

Paul COHEN

Responsable produit - Session Avril 2025

Formateur très professionnel et très à l’écoute et accueil remarquable. Beaucoup d’attention est porté à l’apprenant pour qu’il se sente bien et comprenne bien les concepts pour pouvoir les appliquer correctement. Formation de qualité à tous points de vue.

Gisèle LAISNEY

UI Designer - Session Avril 2025

Je n’étais pas dans le niveau adapté mais j’ai tout de même trouvé que c’était une très bonne formation. Je n’avais pas ouvert Figma depuis un moment, c’était l’occasion de rafraîchir. J’ai profité de la méthodo et les tips plugins de Kevin ! Tout le monde était super sympa et j’ai passé un super moment !

Alexandra MACEDO

Alexandra MACEDO

Product Designer - Session Avril 2025

Cette formation remplit parfaitement sa mission !

Jonathan TREMOULET

Jonathan TREMOULET

Directeur des Opérations - Session Avril 2025

Heures portes ouvertes

Parler avec l'équipe pédagogique

S'inscrire

FAQ

Les questions fréquentes

Parcourir la FAQ
Dernière modification de cette page : 04-05-2026 à 12:21:48

Devenir membre du Laptop club

Rejoindre la communauté

carte membre

👉Découvrez notre nouvelle formation Agentic Experience Design : concevoir avec l'IA tout en maintenant l’humain au centre du processus créatif ✨

En savoir plus