Design Token Systems
Design Systems & Tokens · tokens
Updated 2026-07-28
- Tokens are the source of truth behind every visual decision.
- Avoid scattered values:
- Random colors.
- Random spacing.
- Random font sizes.
- Create semantic names:
Colors:
- Background.
- Surface.
- Text primary.
- Success.
- Warning.
- Error.
Spacing:
- Space 1.
- Space 2.
- Space 3.
- Change the system once, update everywhere.
- Tokens turn design decisions into reusable rules.
Related guides
UX Handbook