Design tokens
2min
Let's say a brand has a Primary Pink color. Designers and developers should refer to this color by the same name and identity, regardless of platform (design, web, mobile etc). If the color changes in design, it should also change on all development platforms automatically (and vice versa).
Design tokens enable this behavior by creating an abstract identity and centralizing the source of truth for this color. Because they help to establish a source of truth, they are often found in design systems. They can be used for colors, text styles, spacings, animation values etc.
Get started by creating tokens linked with styles from your design files:
If you'd like to learn more about design tokens, explore the following links:
Updated 25 Mar 2024
Did this page help you?