Figma - UX / UI - Design d'expérience utilisateur
Formation créée le 16/12/2024. Dernière mise à jour le 31/01/2025.
Version du programme : 1
Programme de la formation
Objectif général de la formation : Acquérir une maîtrise avancée de Figma pour la conception d'interfaces utilisateur, la création de prototypes interactifs, l'amélioration de la productivité et l'utilisation d'un design système.
Objectifs de la formation
- Prendre en main Figma pour créer des interfaces et prototypes interactifs.
- Organiser efficacement les éléments de design avec les styles, composants et grilles.
- Utiliser les fonctionnalités avancées comme l’autolayout et les plugins.
- Mettre en place et utiliser un design système complet.
- Exploiter le Dev Mode pour faciliter la collaboration avec les équipes techniques.
Profil des bénéficiaires
Pour qui
- Designers UX/UI.
- Responsables produit et chefs de projet digitaux.
Prérequis
- Connaissance de base des principes de design UX/UI.
- Familiarité avec les outils de design d’interfaces.
Contenu de la formation
-
Découverte de l’outil Figma (1 heure)
- Interface utilisateur et fonctionnalités principales.
- Configuration de l’espace de travail et navigation.
-
Créer des composants et des styles (2 heures)
- Définir des composants réutilisables.
- Créer et organiser des styles (couleurs, typographies, effets).
- Travaux pratiques : Création d’une bibliothèque de styles et de composants.
-
Utiliser les grilles et l’autolayout (2 heures)
- Structurer des interfaces avec les grilles.
- Faciliter l’organisation grâce aux fonctionnalités autolayout.
- Travaux pratiques : Conception d’une maquette responsive avec autolayout.
-
Booster sa productivité grâce aux plugins (1 heure)
- Découverte et installation de plugins utiles (Icons, Unsplash, etc.).
- Automatisation de tâches répétitives.
- Travaux pratiques : Intégration de plugins dans un projet Figma.
-
Construire des prototypes interactifs (2 heures)
- Créer des flux d’interaction et des animations.
- Prévisualiser et tester les prototypes.
- Travaux pratiques : Réalisation d’un prototype interactif pour une interface mobile.
-
Concevoir et utiliser un design système (3 heures)
- Introduction au design système : composants, patterns et guidelines.
- Création d’une bibliothèque partagée pour le projet.
- Travaux pratiques : Élaboration d’un mini-design système et intégration dans Figma.
-
Exploiter tout le potentiel du Dev Mode (1 heure)
- Faciliter la collaboration avec les développeurs.
- Export des spécifications techniques et assets.
- Travaux pratiques : Simulation d’un échange entre designer et développeur.
-
Atelier pratique : Création d’une interface complète (3 heures)
- Application des compétences acquises pour concevoir une interface utilisateur responsive.
- Développement d’un prototype interactif.
- Intégration des styles, composants et plugins.
-
Analyse et amélioration des projets (2 heures)
- Présentation des projets réalisés par les participants.
- Retours et recommandations pour améliorer la conception et le prototypage.
-
Travail collaboratif et Dev Mode (1 heure)
- Export et partage des maquettes pour validation et intégration.
- Travaux pratiques : Exporter un projet complet et générer les spécifications.
Équipe pédagogique
Professionnel expert technique et pédagogique.