Tutoriel pour apprendre à créer et utiliser des composants @Figma avec des variants et instances.
Les composants sont des éléments de design réutilisables qui vous permettent de maintenir la cohérence de votre interface utilisateur et de faciliter les changements.
Les variantes sont quant à eux des versions modifiées d'un composant qui peuvent être utilisées pour afficher des éléments de l'IU de manière différente en fonction de l'état ou de la condition.
Je vous guide étape par étape dans la création et l'utilisation de composants et de variantes dans Figma, afin que vous puissiez optimiser vos futurs maquettes et IU.
00:00 Composants, Variants et Instances Figma
01:35 Digidop Académie
01:53 Créer un composant
02:59 Créer des variants
03:50 Créer une instance
04:10 Ajouter une propriété "Text"
05:47 Ajouter une propriété "Instance Swap"
06:37 Ajouter une propriété "Boolean"
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// RESSOURCES
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// À PROPOS DE DIGIDOP
Digidop est une agence Webflow primée deux années de suite aux Webflow Awards.
Depuis 2021, nous accompagnons les équipes marketing et IT du design au développement de site web, avec plus de 150 entreprises accompagnées.
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// SOCIAL
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// HASHTAGS
#figma #tuto #composants
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
// MERCI