Formation avancée Figma Design et Dev Mode

Modules et contenus techniques

• Module 1 – Design systems

  • Création et gestion d'un design system basé sur tokens et variables.
  • Conception et structuration de bibliothèques de composants complexes (composants atomiques, variantes, auto-layout, contraintes).
  • Gestion des styles, tokens, documentation et gouvernance du design system.
  • Utilisation avancée de plug‑ins et bonnes pratiques de prototypage.

• Module 2 – Design et développement

  • Préparation et optimisation des fichiers pour le Dev Mode (naming, structure, export, handoff).
  • Lien entre design system, bibliothèques et projets GitHub (flux de travail, synchronisation, versioning).
  • Bonnes pratiques pour accélérer les processus entre design et développement.

• Module 3 – Design et IA

  • Cas d’usage concrets de l’IA pour la génération, la documentation, la QA et l’automatisation dans le design system.
  • Intégration et utilisation des maquettes dans des outils d’IA (ex.Claude Code) et mise en place de workflows adaptés.
  • Automatisation de tâches répétitives et optimisation des temps de production.

Public cible

UX/UI designers souhaitant monter en compétences techniques sur Figma, l’intégration Dev Mode et l’usage de l’IA dans les workflows de design.

Modalités pédagogiques

• Alternance d’apports théoriques, démonstrations et ateliers pratiques avec interactions individualisées.
• Évaluations formatives et mises en pratique sur cas concrets.
• Remise d’un support pédagogique numérique structuré et adapté au contenu.

Organisation et volumétrie

• Durée par session : 2 à 3 jours.
• Volumétrie ciblée : session conçue pour 2 stagiaires.
• Modalités : présentiel dans les locaux de l’organisme de formation ou distanciel si nécessaire.

Livrables attendus

• Supports numériques de formation (modules et exercices).
• Feuille de présence émargée.
• Attestation de formation individuelle pour chaque stagiaire.