Get started
Brand
Foundations
Tokens
Components
Content
Patterns
Resources
Search
Theme
Site navigation
Open search
Theme
Tokens
Design tokens
Migrate to tokens
Use tokens in code
Use tokens in design
What's new in foundations
All design tokens
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.
What's new in foundations
How our colors, spacing, and other foundations are changing with design tokens.