Design tokens — What are they & how will they help you?

Translating designs into products is hard! Learn how design tokens make building products easier for both designers and developers.

What are design tokens

Descriptions of design tokens in the field

Design tokens — a definition

Choices & decisions

Choices

Decision

Design tokens are a methodology

Why is the distinction important?

A w3c community group is working on a standard for design tokens.

01 Standardisation

02 Software integration

03 Development tooling

Fitting design tokens into your existing style guide / design system

Starting with the core

Extracting design tokens from your products

Benefits of using design tokens

Consistency

Maintainability

Assuring correct implementation

Ease of changing

Scalability

Documentation

Key takeaways

Further reading

Product designer with a love for complex problems & data. Everything I post on Medium is a copy — the originals are on my own website: https://www.vea.re