Document design tokens

Brienne Wong
Brienne Wong
  • Updated

This is currently in an open beta and will be available for all plans. This will not be available for legacy plans. If you would like to join the beta, you can sign up here.

You can document your design tokens in your styleguide. This allows you to centralize everything in one tool. Once you’ve added your token set to your account, you can display it as a table or JSON format.

1) In your styleguide page, open Design tokens from the toolbar

Design tokens function hovered over in toolbar

2) Select Token manager

Token source examples

3) Click Add tokens

Tokens block

4) Select the tokens you want to display

Tokens to pick from token manager

5) Your tokens are displayed in zeroheight!

Tokens displayed in table view in styleguide

Remove token

You can remove a token from your display.

1) Hover over the token you want to remove and click the transparent circle

Token hovered over

2) Select Remove

Token selected to be removed

3) Your token has been removed from your display

Table view without removed token

FAQs

How many tokens set can I display?

Based on your plan, this is the number of sets you can display:

Free: 1

Starter: 3

Pro: 5

Enterprise: 10

Was this article helpful?