CATALOGUE Design et Infographie Formation Figma Apprendre Figma - Les fondamentaux Comprendre et Utiliser les Variants de Composants dans Figma

Comprendre et Utiliser les Variants de Composants dans Figma

Utiliser les variants
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Figma - Les fondamentaux
Revoir le teaser Je m'abonne
5,0
Transcription
Cette leçon fait partie de la formation
59,00€ 11,80€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
Cette leçon fait partie de la formation
59,00€ 11,80€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction aux Variants de Composants

Objectifs

Les objectifs de cette leçon sont :

  • Apprendre à créer et utiliser des variants de composants
  • Comprendre la gestion des différents états d'interactivité
  • Développer une nomenclature efficace pour les variants

Résumé

Découvrez comment créer et utiliser des variants dans Figma pour optimiser vos composants interactifs.

Description

Dans cette leçon, vous allez apprendre à manipuler les variants de composants dans Figma, un outil essentiel pour les designers UX/UI. L'utilisation des variants permet de regrouper des composants similaires et de gérer efficacement leurs différents états d'interactivité. En suivant ce tutoriel, vous verrez comment créer un composant de base, ajouter des variants pour différents états comme 'default', 'hover' et 'focus', et utiliser ces composants dans vos designs. En plus de la création de variants, nous discuterons également de la nomenclature des variants pour une meilleure organisation.

Vous pourrez également voir comment transformer des frames en un ensemble de variants, une fonctionnalité très utile pour gérer des avatars ou d'autres éléments similaires dans vos projets. Avec les steps-by-step, vous serez capables de switcher facilement entre les différents états des composants et d'améliorer vos prototypes interactifs avec plus d’efficacité.

Voir plus

Questions - réponses

Quels sont les avantages d'utiliser des variants de composants dans Figma ?
L'utilisation de variants permet de regrouper des composants similaires, d'organiser et de gérer efficacement différents états d'interactivité, ce qui améliore la productivité et la cohérence dans les projets de design.
Comment Figma identifie-t-il les variants d'un composant ?
Figma utilise des nomenclatures spécifiques avec des slashs pour identifier et organiser les variants d’un composant, facilitant ainsi le changement d’états et de propriétés.
Peut-on ajouter un nombre illimité de variants à un composant dans Figma ?
Oui, il est possible d'ajouter un nombre illimité de variants à un composant, ce qui permet de couvrir tous les états possibles d'un élément interactif.

Programme détaillé

6 commentaires
5,0
6 votes
5
4
3
2
1
howtoplay618
Il y a 3 weeks
très bien
Mag_Gms
Il y a 2 months
Super formation. Les explications sont claires, vous donnant une base solide pour bien commencer avec Figma. Cela vous aide à gagner du temps et à mieux vous organiser dès le début. Parfait pour les débutants. Merci!
jacques-andre.gomes
Il y a 6 months
Excellente formation. Précise, complète et bien découpée.
(Il n' y a plus qu'à...:-))
svanpo
Il y a 7 months
J'avais entendu parler de Figma. Excellente formation avec un formateur très compétent et pédagogique qui donne des astuces de réalisation donc parfait pour comprendre les concepts et la mise en œuvre de l'outil.
loran83000
Il y a 8 months
Très pédagogique.
camille.art
Il y a 9 months
Pour débuter. avec une base solide …très bonne pédagogie !
Bravo, il faut maintenant rajouter une autre pour monter le niveau dans la continuité de celle-ci