Aller au contenu principal
Retour aux formations
FigmaDev ModeCode-ConnectFront-endAPI

Figma pour les développeurs, code-connect, MCP, API tous les outils disponibles

Profiter de toute la puissance de Figma et du Dev Mode pour améliorer la delivery et gagner du temps sur l'intégration front-end. Fluidifier la collaboration avec les designers.

Outils
Figma
Storybook
Zeroheight
Sur devisDemander un devisUne question ? Contactez-nous
Durée2 jours (14h)
FormatPrésentiel/Distanciel
NiveauIntermediaire
Participants2 à 8 personnes
Figma pour les développeurs, code-connect, MCP, API tous les outils disponibles

À propos de cette formation

Profiter de toute la puissance de Figma et du Dev Mode pour améliorer la delivery et gagner du temps sur l'intégration front-end. Fluidifier la collaboration avec les designers.

Ce que vous apprendrez

Situer et implementer les outils de Figma pour les developpeurs
Aligner les taxonomies en fonction de la stack front-end
Structurer le workflow de hand-off progressif et coherent
Automatiser les updates de composants avec le linter Figma
Integrer Figma Make dans le process de delivery
Lier les composants Figma a la codebase avec code-connect

Programme détaillé

  • Présentation du logiciel et des outils développeurs (Dev-Mode, Code-Connect, MCP, REST API, Webhook ...)
  • Application des principes front-end sur Figma (Flexbox, overflow ...)
  • Intégrer Figma à son environnement de dev (Storybook, Github/Gitlab/React...)
  • Accompagner les designers dans la structuration de leurs tokens et gérer la communication.
  • Aligner les taxonomies et outputs en fonction de la stack front-end et des frameworks (React, Angular, Tailwind, SASS, Post-css ...)
  • Structurer le workflow de hand-off pour une intégration progressive et cohérente des composants design et des variables.
  • Anticiper et spécifier les cas d'usages complexes liés aux règles métier, annoter et savoir communiquer avec les développeurs.
  • Présentation des REST API de Figma et webhook
  • Automatiser les updates de composants et travailler avec le linter de Figma.
  • Intégrer Figma Make dans le process de delivery.
  • Intégrer des agents IA et des skills pour optimiser les tâches de delivery et gérer les logs
  • Préparer le design et le code à l'intégration de code-connect.
  • Lier les composants Figma à la codebase et générer les fichiers typescript correspondants.
  • Gérer les updates et les commits depuis Figma
  • Automatiser le déploiement avec l'IA et les automatisations

À qui s'adresse cette formation

Front-end developers
Product designers
Design System Managers

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