Design Tokens sind ein wichtiger Bestandteil unseres Gestaltungsprozesses. In diesem Beitrag möchten wir Ihnen näherbringen, wie Globale Tokens, System Tokens und Komponenten Tokens dazu beitragen können, ein klares und konsistentes Design zu schaffen. Ganz gleich, ob Sie Designer, Entwickler oder einfach nur interessiert sind – wir wollen Ihnen zeigen, wie Sie ihr Potenzial nutzen können. 🔑💡 #DesignTokens #Design
Globale Tokens sind wie einfache Bausteine, die in einem Designsystem verwendet werden können. Sie haben keinen speziellen Sinn oder Zusammenhang, sondern sind wie universelle Werkzeuge. Sie bilden eine Liste aller verfügbaren Optionen im Designsystem ab. Die Namen sollten leicht verständlich, kurz und flexibel sein.
System Tokens sind wie spezielle Bausteine in einem Baukasten. Sie sind auf bestimmte Aufgaben und Gestaltungen zugeschnitten, im Gegensatz zu den globalen Tokens, die universell einsetzbar sind. Zum Beispiel könnten System Tokens für die besondere Gestaltung des Hero-Titels oder die Auswahl von Farben für Schaltflächen, Hintergründe oder Oberflächen verwendet werden.
Komponenten-Tokens sind wichtig, um sicherzustellen, dass Entwickler Stile in der richtigen Weise anwenden können. Die Regel lautet, dass jede Komponente ihre eigenen Einstellungen haben sollte, und der Hauptname sollte einfach der Name der Komponente sein.
