/ EN CLAIR
Une variable de couleur stocke une valeur (HEX, RGB, HSL) sous un nom, et se lie aux remplissages, aux contours et aux effets. Changer la valeur met à jour tout ce qui s'y rattache.
Ce qu'elle apporte par rapport à un style, c'est le mode : la même variable porte une valeur en clair et une autre en sombre. Basculer le mode d'une frame repeint la maquette entière, sans dupliquer quoi que ce soit.
C'est aussi le format qui voyage : ces variables sont les design tokens que les développeurs reprennent tels quels en CSS ou en configuration de framework.
/ EN BREF
- CE QUE ÇA STOCKE
- Une valeur de couleur (HEX, RGB, HSL) sous un nom.
- OÙ ÇA SE LIE
- Remplissages, contours, effets. Changer la valeur met à jour tout ce qui s'y rattache.
- CE QUE ÇA APPORTE DE PLUS
- Le mode : une valeur en clair, une autre en sombre, sans dupliquer l'écran.
- CE QUE ÇA DEVIENT EN CODE
- Le design token repris tel quel par les développeurs.
FIGMA
