1. Introduction à Figma et prise en main
Apprenez à concevoir des interfaces modernes et ergonomiques.
Comprendre le fonctionnement de Figma et ses avantages
Naviguer dans l’interface et organiser son espace de travail
Créer et gérer des fichiers et des pages
Prise en main de l’interface et personnalisation des paramètres
Gestion des fichiers, pages et frames
Utilisation des outils de base : formes, texte, calques
Organisation du travail en équipe avec le cloud Figma
Importation et exportation de fichiers (SVG, PNG, PDF, etc.)
2. Création d’interfaces et design UI
Apprenez à concevoir des interfaces modernes et ergonomiques.
Comprendre les principes fondamentaux du design UI
Créer des maquettes interactives et structurées
Utiliser les bonnes pratiques en conception d’interfaces
Création de wireframes et prototypes basse fidélité
Structuration des interfaces avec les frames et layouts
Utilisation des grilles et systèmes de colonnes
Hiérarchie visuelle et gestion des contrastes
Création et application des styles de texte et de couleurs
3. Gestion des composants et Design System
Optimisez votre workflow avec les composants et les bibliothèques de styles.
Comprendre l’importance d’un Design System
Créer et gérer des composants réutilisables
Organiser des bibliothèques partagées pour une meilleure collaboration
Création et gestion de composants et variantes
Utilisation des auto-layouts pour un design flexible
Mise en place d’un Design System cohérent (styles, couleurs, typographies)
Partage et synchronisation des bibliothèques avec une équipe
Utilisation des contraintes pour l’adaptabilité des éléments
4. Prototypage et interactions
Apprenez à créer des prototypes interactifs et dynamiques.
Ajouter des interactions et des transitions entre les écrans
Simuler des parcours utilisateurs avec des prototypes réalistes
Tester et optimiser les flux d’utilisateurs
Création de liens entre les pages et interactions interactives
Paramétrage des animations et des effets de transition
Utilisation des smart animate pour des animations fluides
Test et validation des prototypes sur différents supports
Partage et présentation interactive des maquettes aux clients et développeurs
5. Collaboration et travail d’équipe
Maîtrisez les outils collaboratifs de Figma pour une gestion fluide des projets.
Travailler en équipe sur un même projet en temps réel
Gérer les commentaires et retours sur les maquettes
Exporter les fichiers et préparer le projet pour les développeurs
Partage et gestion des droits d’accès aux fichiers
Ajout et gestion des commentaires collaboratifs
Utilisation des plugins et intégrations pour booster la productivité
Exportation des assets pour le développement (code, images, CSS)
Gestion de l’historique des versions et restauration de fichiers