Was sind Design Tokens?

Als Design Tokens werden die übergreifenden gestalterischen Charakteristika bezeichnet, die für das Erstellen und Pflegen eines Design-Systems benötigt werden. Design Tokens systematisieren den »Look« einer digitalen Benutzeroberfläche. Typische Tokens sind Farben, Schriften, Abstände, Schatten, Abrundungen, Linienstärken, Animationen etc., die an zentraler Stelle definiert und unabhängig von einzelnen Komponenten gepflegt werden.

Beispiele für Design Tokens

Design Token können in systematischen Datenformaten zur Verfügung stehen (bspw. JSON) und über Variablen (bspw. in CSS) in ein Projekt eingebunden werden. Design Tokens ermöglichen zudem eine von Plattformen oder Anwendungsfällen unabhängige Konsistenz von Designelementen.

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.