Découverte de Figma (4h)
Introduction à l’UX Design et au rôle du maquettage dans une démarche de conception centrée utilisateur Présentation des outils de maquettage et de Figma
Les pages et les layers
Les principaux outils de dessin
Les formes, contours et effets
Le texte et la typographie
Notion de composant et d’instance
Atelier pratique : création d’un composant pour le maquettage d’un bouton textuel

Maquetter un écran statique avec Figma (4h)
Du zoning vers la maquette haute fidélité
Conduite un atelier de maquettage
Maquettage papier
Atelier pratique : réalisation d’une maquette papier pour un produit tactile
Architecture de l’information : réaliser un zoning sur Figma
Les groupes, les frames et les sections
Notion de styles typographiques
Styles de couleurs
Les images et l’iconographie
Notion de plugin
Atelier pratique : réalisation d’une maquette Figma statique pour un produit tactile

Vers une maquette responsive
Le responsive design c’est quoi ?
Placement absolu et contraintes par rapport au container
Utilisation des autolayout
Qu’est-ce qu’un composant responsive ?
Créer une bibliothèque de composants réutilisables
Notion d’UI Kit et de design system
Atelier pratique : maquettage d’un écran responsive basé sur une bibliothèque de
composant

Vers un prototype interactif
Notion de scénario d’usage
Le storyboard UX
Notion de userFow et de prototype dans Figma
Animations et transition entre écrans avec Figma
Exportation et partage d’un prototype
Collaboration et coconception avec les utilisateurs
Atelier pratique : réalisation et partage d’un prototype d’un scénario d’usage