Comment créer et utiliser les composants et variants dans Figma ? | Tutoriel Figma скачать в хорошем качестве

Comment créer et utiliser les composants et variants dans Figma ? | Tutoriel Figma

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 🔗 Article - Utiliser les composants dans Figma : https://www.digidop.com/fr/blog/comme... 🎓 Formation Figma Gratuite : https://academie.digidop.fr/ ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // À 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. 🔗 Visiter notre site : https://www.digidop.com/ 🙌 S’abonner à notre newsletter : https://www.digidop.com/newsletter 🧑🏼‍💻 Thomas : https://www.digidop.com/fr/team/thoma... ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // SOCIAL Instagram :   / digidop.fr   TikTok :   / digidop.fr   X : https://x.com/digidop_com LinkedIn :   / digidop   Webflow : https://webflow.com/@digidop-webflow-... Behance : https://www.behance.net/digidop ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // HASHTAGS #figma #tuto #composants ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ // MERCI 💛 Soutenir la chaine : https://buymeacoffee.com/digidop