Design tokens introduction

[usethetics]

What are design tokens and how do they help me as a designer or developer.

Think of i.e.:

• Design tokens help in applying your organisation’s identity to (white-label) components.
• Tokens help establish a shared language between designers and developers.

Work in progress documentation can be found in this Google Doc: https://docs.google.com/document/d/1QS4RZOAJJ0UKshtkCWSYJ6VCOAOZ6-9wLApDR8DJRDI/edit?usp=sharing

[usethetics]

Example of token mapping between design tool Figma (top) and Web component and attribute (below).

---