Close menu
Search the Atlassian Design System
Search the Atlassian Design System
Theme
Home
Get started
Expand
Foundations
Collapse
Tokens
Collapse
Design tokens
Migrate to tokens
Use tokens in code
Use tokens in design
All design tokens
Guidelines
Content
Expand
Accessibility
Styles
Spacing
Expand
Grid
Expand
Beta
Color
Expand
Typography
Expand
Beta
Iconography
Expand
Beta
Illustrations
Logos
Elevation
Components
Expand
Tools
Contact us
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.