Design Token
Design values as variables - store a color or spacing as a named token, use it everywhere, change it once. The atoms beneath a design system.
- Term
- Design token
- Is
- A named variable for a design value
- Stores
- Colors, spacing, fonts, etc.
- Benefit
- Change once, update everywhere
Forms & parts of speech
Definition in plain terms
A design token is a named variable that holds a single foundational design decision - a brand color, a spacing unit, a font size, a border radius - so that value can be referenced by name throughout a product rather than hard-coded in many places.
Instead of a button being defined with a specific color value directly, it references a token like 'color-primary'; the same token is used everywhere that color should appear.
The power of this is centralization: because every use points to the token, changing the token's value once instantly updates every place it's used. Design tokens are the foundational layer of a design system - the atoms beneath the components
and they make a product's design both consistent (everything uses the same defined values) and maintainable (sweeping changes, like a rebrand or a spacing update, happen in one place and propagate everywhere). They also let one set of design decisions stay in sync across platforms.
Why it matters to growth leaders
Design tokens are a behind-the-scenes detail, but they explain a capability that matters to a growth leader: how a product can stay visually consistent and adapt quickly.
Because tokens centralize design values, a brand refresh, a color change, or a systematic adjustment can ripple across an entire product instantly rather than requiring manual edits everywhere - which is the difference between design changes being fast and cheap versus slow and error-prone.
For a growth leader, this connects to brand consistency (every surface reflects the same up-to-date design) and to velocity (the team can evolve the look and feel without painstaking rework).
While a growth leader won't manage tokens directly, understanding that they underpin a design system's consistency and adaptability clarifies why investing in proper design infrastructure pays off
it makes the product's design a flexible, consistent asset rather than a fragmented, hard-to-change liability, supporting both brand trust and the speed at which growth experiments and updates can ship.
Each foundational design value - the brand colors, spacing units, font sizes - is stored as a named token, and every component and screen references the token rather than hard-coding the value.
So the rebrand doesn't require touching every screen: the team changes a handful of token values once, and the new colors and styles propagate instantly across the entire product, every surface updating in sync.
What the growth leader expected to be weeks of painstaking, inconsistent rework becomes a fast, clean change.
The leader sees the broader payoff: design tokens make the product's look and feel a flexible, consistent asset - brand trust is supported because every surface reflects the same up-to-date design, and velocity is supported because the team can evolve the design without manual edits everywhere.
Understanding that tokens underpin the design system's consistency and adaptability, the growth leader appreciates why investing in proper design infrastructure pays off, turning what could have been a fragmented liability into the ability to change design quickly and coherently at scale.
Synonyms & antonyms
Synonyms
Antonyms
Origin & history
Design tokens store foundational design values as named variables, the atomic layer of a design system; by centralizing decisions, they make a product's design consistent and instantly updatable across surfaces and platforms.
Etymology: source.
Usage trends
Search interest for this term over the last five years:
Common questions
- What is a design token?
- A named variable that stores a foundational design value — a color, spacing unit, font size — so it can be reused everywhere and changed in one place, keeping design consistent and easy to update.
- Why do design tokens matter?
- They centralize design values, so a change (like a rebrand or spacing update) ripples across the whole product instantly rather than requiring manual edits everywhere — fast, consistent, and maintainable.
- How do tokens relate to a design system?
- Design tokens are the foundational layer — the atoms beneath the components — that give a design system its consistency and adaptability across platforms.
Related tools & calculators
Resources & people to follow
- referenceWikipedia — design system & tokens
- referenceDesign and growth practice
- referenceRGM analysis — tokens make design a flexible, consistent asset; change once and it propagates, supporting brand trust and velocity
Curated, non-competitor resources verified per term.
Related training
Disciplines
Areas of marketing where design token is a core concern: