Programme

INTROCUCTION
Qu’est-ce que Figma
Place du prototype dans la conception de l’UI/UX d’une application ou d’un site internet

CRÉER UN PROTOTYPE INTERACTIF SIMPLE AVEC FIGMA
Comprendre le workflow de création dans Figma
Prendre en main des fonctionnalités de l’outil
Créer des interactions et des chemins de navigation entre les écrans
Prévisualiser les prototypes
Créer des éléments de contenu et mise en page des écrans (formes, textes, images, couleurs)

OPTIMISER LA CRÉATION DES ÉCRANS EN MODE DESIGN 
Utiliser les masques et les effets
Organiser les éléments d’interfaces pour optimiser le processus de création et la mise à jour (layers, frames, sections)
Création et utilisation des composants
Simulation du comportement des éléments d’interface interactifs
Création d’une charte graphique avec les styles
Créer des objets compatibles avec le responsive design (contraintes, auto layout)
Savoir utiliser les kits d’interfaces (UI kits, design systems)
Installer et utiliser des plug-ins

CRÉER DES PROTOTYPES PLUS VRAIS QUE NATURE
Gestion du défilement (objets fixes, défilements multi-directionnels, ancres)
Utiliser des transitions et des déclencheurs (clics, gestes, commandes vocales, raccourcis claviers)
Utiliser des incrustations pour créer des modales
Création d’animations, d'effets de transitions et de micro-interactions (Smart animate)

TRAVAILLER DE MANIÈRE COLLABORATIVE 
Collaboration autour du prototype et mise en commun des ressources avec les membres de l’équipe
Partage du prototype avec des parties intéressées (donneurs d’ordre, testeurs)
Exportation des éléments de design
Transmission des spécifications aux collaborateurs chargés du développement de la solution

CONCLUSION
Comment développer sa maîtrise de Figma