Retour aux formations
Design & marketing digital
Figma - UX / UI - Design d'expérience utilisateur
3 jour(s) • 18h
Description
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 pédagogiques
- 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.
Public concerné
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.
Déroulé du programme
1
Découverte de l’outil Figma (1 heure)
1h
- Interface utilisateur et fonctionnalités principales.
- Configuration de l’espace de travail et navigation.
2
Créer des composants et des styles (2 heures)
2h
- 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.
3
Utiliser les grilles et l’autolayout (2 heures)
2h
- Structurer des interfaces avec les grilles.
- Faciliter l’organisation grâce aux fonctionnalités autolayout.
- Travaux pratiques : Conception d’une maquette responsive avec autolayout.
4
Booster sa productivité grâce aux plugins (1 heure)
1h
- 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.
5
Construire des prototypes interactifs (2 heures)
2h
- 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.
6
Concevoir et utiliser un design système (3 heures)
3h
- 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.
7
Exploiter tout le potentiel du Dev Mode (1 heure)
1h
- 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.
8
Atelier pratique : Création d’une interface complète (3 heures)
3h
- Application des compétences acquises pour concevoir une interface utilisateur responsive.
- Développement d’un prototype interactif.
- Intégration des styles, composants et plugins.
9
Analyse et amélioration des projets (2 heures)
2h
- Présentation des projets réalisés par les participants.
- Retours et recommandations pour améliorer la conception et le prototypage.
10
Travail collaboratif et Dev Mode (1 heure)
1h
- Export et partage des maquettes pour validation et intégration.
- Travaux pratiques : Exporter un projet complet et générer les spécifications.
Informations
Durée
3 jour(s)
18h
Tarif
1850 € HT
HT
