Close menu
Search the Atlassian Design System
Search the Atlassian Design System
Theme
Get started
Expand
Foundations
Expand
Tokens
Collapse
Design tokens
Migrate to tokens
Use tokens in code
Use tokens in design
All design tokens
Components
Expand
Content
Expand
Tokens
Design tokens are the single source of truth to name and store design decisions.
Design tokens
Design tokens are a single source of truth to name and store design decisions for Atlassian product experiences.
Migrate to tokens
How products, apps, and teams move from old style values to design tokens.
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 new colors and tokens in products.