La formation en détail
Objectifs
- Augmenter sa productivité
- Augmenter l’homogénéité de ses designs
- Faciliter le développement
- Réaliser un prototypage avancé
Programme
MODULE 1
A. Installer les fondations d’un design system
- Styles : couleurs, police
- Systèmes de composants
B. Dynamisation du design
- Variantes
- Auto-layout
- Constraints
C. Optimiser son espace de travail
- Organiser : son fichier, ses projets, son équipe
- Droits d’accès
D. Structure et industrialisation du design
- Structure et industrialisation du design
- Layout grids
- Nomenclature / organisation des composants
- Spatial system
E. Collaborer et transmettre
- Autorisations
- Commentaires
- Librairies partagées
Exercice pratique : Constituer un UI kit, décliner des écrans UI et fournir une documentation technique
Objectifs Opérationnels : Adopter les bonnes pratiques de design pour la collaboration et le développement
Moyen d’évaluation : QCM
MODULE 2
A. Accessibilité et ergonomie
- Contrastes des couleurs
- Typographie
- Critères heuristiques
B. Booster son workflow
- Plugins incontournables
- Tips pour accélérer
- Raccourcis clavier
C. Adopter une logique dev
- Les principes de l’atomic design
- Instances
- Overrides
D. Créer des composants complexes
- Auto-layout avancé
- Contraintes avancées
- Variantes et propriétés
E. Créer un prototype avancé
- Animation : Smart animate, Transitions, Interactive components
- Overlays
- Multiple flows
- Paramétrage
Exercice pratique : Créer un prototype UI complexe et animé
Objectifs Opérationnels : Perfectionner ses connaissances et outils liés à Figma pour accélérer sa productivité et améliorer la qualité du livrable final
Moyen d’évaluation : QCM
Pré-requis
Intermédiaire
