Module 1 : Prise en main de Figma et environnement de travail
- Interface, navigation et organisation des fichiers
- Frames, pages et gestion des projets
- Outils de dessin vectoriel et manipulation des formes
- Gestion des couleurs, typographies et styles
- Bonnes pratiques d’organisation dès la création.
Module 2 : Fondamentaux du design d’interface
- Principes UI : hiérarchie visuelle et lisibilité
- Grilles, colonnes et systèmes de mise en page
- Responsive design et contraintes
- Création d’interfaces web et mobile
- Mise en application encadrée sur une interface simple
Module 2 : Fondamentaux du design d’interface
- Principes UI : hiérarchie visuelle et lisibilité
- Grilles, colonnes et systèmes de mise en page
- Responsive design et contraintes
- Création d’interfaces web et mobile
- Mise en application encadrée sur une interface simple
Module 3 : Composants et variantes
- Création de composants réutilisables
- Variantes et états (hover, actif, désactivé)
- Instances et gestion des mises à jour
- Structuration d’une bibliothèque cohérente
- Bonnes pratiques de nommage et d’organisation
Module 4 : Auto Layout et design scalable
- Fonctionnement d’Auto Layout
- Comportements dynamiques des blocs
- Création d’interfaces adaptatives
- Optimisation pour le responsive
- Cas pratique encadré sur un module UI complexe
Module 5 : Prototypage interactif
- Création de liens et interactions
- Animations et transitions
- Variables et interactions avancées
- Tests de parcours utilisateurs
- Présentation d’un prototype interactif
Module 6 : Collaboration et gestion d’équipe
- Travail en temps réel
- Commentaires et gestion des versions
- Partage de bibliothèques
- Organisation multi-projets
- Méthodes de collaboration design / produit / dev
Module 7 : Design system et structuration avancée
- Architecture d’un design system
- Tokens, styles globaux et cohérence graphique
- Documentation des composants
- Gouvernance et évolution du système
- Intégration dans un environnement multi-projets
Module 8 : Transmission aux développeurs
- Dev Mode et inspection des éléments
- Export d’assets optimisés
- Spécifications techniques
- Collaboration avec les équipes front-end
- Bonnes pratiques pour fluidifier la production






