Design System news #2
Videos & meetups
Pinterest Design System
Dans cette vidéo Steve Dodier-Lazaro, Erik Goens et Andrey Sundiev passent en revue le Design System de Pinterest
Plugins figma
Detach variables
Detach Variables est un plugin figma permettant de détacher des variables dans figma.
Télécharger le plugin
Variables & Styles List
Ce widget va te donner une visibilité complète sur tes variables et styles de design :
La valeur : Consultez les valeurs associées à vos variables.
Alias de tokens : Identifiez facilement les alias utilisés.
Le type : Chaîne, booléen, couleur ou nombre.
Description des tokens : Ajoutez des explications pour chaque token.
Affichage des couleurs : Les couleurs peuvent être représentées sous forme de palettes.
Mode sombre : Profitez d'une interface en mode sombre.
Nombreuses options de personnalisation : Adaptez l'affichage à vos besoins spécifiques.
Articles, ressources & tutorials
Comment défendre l'utilité des Design Systems
Cet article va t’expliquer comment mettre en avant les avantages des DS pour convaincre les designers, ingénieurs et PM réticents.
Une bibliothèque d’illustrations de composants pour la documentation de son Design System
Quand on documente un Design Systems, on a besoin d’illustrer les composants.
SaaS UI propose plus de 200 illustrations de ces composants. Et c’est gratuit !
Un UI Kit figma basé sur Shadcn
Créé par Luis Ouriach, Design Advodate Figma, cet UI Kit peut t’être particulièrement utile si toi ou ton équipe travaille avec Shadcn.
Comment designer ses icones dans figma
Cet article va t’apprendre les bonnes pratiques pour concevoir des icones dans figma.
Je suis sûr que tu y apprendra plein de choses !
Calculer le contraste de ses couleurs
Dans cet article de ADG (Accessibility Developer Guide) apprends la formulaire qui te permettra de définir le contraste de tes couleurs pour l’accessibilité
