Tokens

Design tokens are the single source of truth to name and store design decisions.

Banner for Tokens page

Design token library

Access the design token library

Search and filter the token list, or use our token picker for extra help.

Tokens in code and design

Design tokens explained

About design tokens and how they are used in the design system.

Use tokens in code

Learn how to set up and use design tokens in code.

Use tokens in design

Design using tokens in Figma and preview colors and tokens in apps.

Migrate to tokens

How apps and teams move from old style values to design tokens.