Design Token Manager

Manage every design token in one place.

Create, organize, validate, and export design tokens for consistent themes and scalable design systems, from primitive values to component decisions.

Manage Your Tokens Learn How It Works

Validate every reference before you export.

Token overview

Sample preview
Primitive64
Semantic38
Component112
  • color.brand.primary#2563EB
  • space.md12 px
  • radius.md8 px
CSSTailwindiOSAndroid
Illustrative sample, not real results

Keep tokens consistent as you scale

One structure for primitive, semantic and component tokens, shared by design and code.

Three token tiers

Primitive, semantic and component tokens stay linked, so one change flows everywhere.

Multiple themes

Maintain light, dark and brand collections side by side without duplicating work.

Export anywhere

Export to CSS, Tailwind, iOS, Android and more from the same source of truth.

How it works

Three steps from raw values to tokens your team can ship.

  1. 1

    Create or Import Tokens

    Start from the Pixels token set or bring in the tokens you already have.

  2. 2

    Organize and Validate

    Group tokens into themes and check that every reference resolves.

  3. 3

    Export to Code

    Export clean token files for the platforms your team ships on.

Ready to manage your tokens?

Bring in your tokens and keep every theme in sync.

Manage Your Tokens