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é 

Partagé par Thomas sur Linkedin