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.