
Astuce pour les composants et variants Figma
Repost de Linkedin
-------------------------------
đ§âđ« TIPS Figma đ§âđ«
⥠Variants & Composants
Hello Ă tous ! En UX / UI on est super feignant đ (mais dans le bon sens du terme) en vrai on a bcp de boulot et peu de temps â± donc on travail beaucoup en composants ! @Figma dans son extreme bienveillance đ concernant notre charge de travail et nos heures de sommeil đ€Ș đŽ a optimisĂ© ça au maximum !
Mais on peut encore plus optimiser ça surtout lorsque lâon commence Ă avoir des design system assez lourd.
La bonne pratique que jâaborde aujourdâhui concerne lâutilisation de composants de bases et de variants
Exemple :
Un bouton qui aurait de nombreux de variants
On va tout d'abord créer un composant principal qui sera notre bouton avec le pack full option ( toutes les possibilités activées)
Ensuite on va créer un bloc de variants de ce bouton principal
Ce qui permettra de modifier si besoin ( la forme la taille etc) de votre « main component » qui mettra à jour tous les variants qui y sont liés
NB : Utilisez un .ou _ pour empĂȘcher leur publication dans les lib sachant quâil ne doivent pas ĂȘtre utilisĂ©
