Définition
Les design tokens sont les plus petites décisions de design d'un produit (une couleur, une taille de police, un espacement, un rayon d'arrondi, une durée d'animation) stockées sous forme de variables nommées, par exemple « color-primary » ou « spacing-md ». Ils remplacent les valeurs brutes dispersées dans les maquettes et le code. Un même jeu de tokens peut alors être exporté vers le web, iOS, Android ou un thème sombre, à partir d'une source unique.
Dans la pratique
Les tokens sont le pont technique entre designers et développeurs : changer la couleur principale devient une modification de variable, répercutée partout. Dans une mission de design system, un profil à l'aise avec les tokens sait les nommer par usage (« texte-secondaire ») et non par valeur (« gris-600 »), et les synchroniser entre Figma et le code. Le format standardisé par le Design Tokens Community Group du W3C facilite cette synchronisation entre outils.
Termes liés
Définition rédigée par L'équipe Top Profil. Glossaire mis à jour le . Tous les termes du glossaire.