Leitfaden für Design-Token
Exportieren Sie Farbtokens für benutzerdefinierte CSS-Eigenschaften, Tailwind-Konfiguration, JSON-Designsysteme und plattformübergreifende Apps.
Was sind Design-Token?
Design-Tokens sind benannte Werte (z. B. color.primary.500), die Design und Code synchron halten. Sie reduzieren hartcodierte HEX-Werte, die über Codebasen verteilt sind.
Exportformate
CSS-Variablen funktionieren überall im Web. Tailwind skaliert Kartentokens in Utility-Klassen. JSON-Exporte füttern Figma-Plugins, mobile Themes und Dokumentationsseiten.