Introduction aux composants interactifs
Objectifs
Appréhender les composants interactifs et leur utilité dans le prototypage.
Créer des variants pour différents états de composants.
Configurer des déclencheurs et des actions pour animer les transitions.
Résumé
Apprenez à créer des composants interactifs dans Figma en utilisant les variants et les réglages de prototype.
Description
Dans cette vidéo, nous explorons le concept des composants interactifs dans Figma, un outil essentiel pour le prototypage interactif.
Un composant interactif est un composant possédant plusieurs variants permettant une transition entre les états grâce aux réglages de prototype.
Nous illustrons ce concept à l'aide d'exemples pratiques tels que la création de boutons avec des états par défaut, de survol et de focus. Vous apprendrez à renommer les propriétés, à ajuster les couleurs, et à définir les déclencheurs et actions pour animer ces transitions. Les déclencheurs incluent while hovering et while pressing, et nous verrons comment configurer chaque état de manière fluide et instantanée.
En conclusion, la maîtrise des composants interactifs dans Figma vous permet de réaliser des prototypes plus dynamiques et engageants pour les utilisateurs finaux.
Questions - réponses
Programme détaillé
Module 1 - Introduction à Figma
Module 2 - Projet Figma
Module 3 - Les outils de Figma
Module 4 - Les styles et variables dans Figma
Module 5 - Importation de ressources externes
Module 6 - Responsive Design
Module 7 - Les Composants
Module 8 - Les Plugins
Module 9 - Le mode prototype
Module 10 - Prototype, partage et export
(Il n' y a plus qu'à...:-))
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci