Tokens sind mehr als Variablen für Farbwerte. Sie bilden einen Vertrag, der Designentscheidungen zentral, wiederverwendbar und plattformübergreifend transportierbar macht. Mit wachsendem Produkt beeinflusst die Schichtung dieses Vertrags direkt den Wartungsaufwand.
Rohwerte von semantischer Bedeutung trennen
Statt blue-600 direkt zu verwenden, definieren Sie ein bedeutungsvolles Token wie color-action-primary. Komponenten behalten dadurch denselben semantischen Vertrag, selbst wenn sich Markenfarben ändern.
- Rohskalen in Primitive Tokens speichern.
- Semantische Tokens nach ihrem Zweck benennen.
- Component Tokens nur bei wirklich spezifischem Bedarf ergänzen.
Ziel eines Token-Systems ist nicht, mehr Variablen zu erzeugen, sondern Änderungen günstiger zu machen.
