/ EN CLAIR
Les variables sont les design tokens de Figma : des valeurs nommées (couleur, nombre, texte, booléen) auxquelles on lie les propriétés des calques au lieu de saisir la valeur directement.
Elles pilotent ce que les styles ne savaient pas faire : les thèmes clair et sombre par les modes, les espacements par des nombres, la visibilité conditionnelle par des booléens, et le contenu d'un composant par des chaînes.
Et elles franchissent la frontière du design. C'est le format que les développeurs reprennent tel quel, ce qui supprime la traduction manuelle entre la maquette et le code, et donc les écarts.
/ EN BREF
- CE QUE C'EST
- Les design tokens de Figma : des valeurs nommées auxquelles on lie les propriétés des calques.
- LES QUATRE TYPES
- Couleur, nombre, texte, booléen. Espacements, thèmes, contenus et visibilité conditionnelle.
- CE QUE LES STYLES NE FAISAIENT PAS
- Les modes, les nombres, les booléens, et le passage direct vers le code.
- CE QUE ÇA SUPPRIME
- La traduction manuelle entre la maquette et le code, donc les écarts.
FIGMA
