Token sets

What is a token set?

A token set is a named collection of design tokens. You can have multiple token sets in a project to organize different themes or style variants.

Common uses for token sets:

• Light and Dark themes — Light set and Dark set with the same token names but different values
• Brand variants — Brand A and Brand B with different colors and fonts
• Base + component layers — a Global set of primitives plus a Components set of semantic tokens that reference the globals

Creating a token set

1. Open the Tokens tool from the editor toolbar.
2. Click Create set.
3. Name the set (e.g., Light, Dark, Brand).
4. The new set is created empty — add tokens to it with Add token.

Switching the active token set

Click a token set name in the Tokens popover to make it active. All tokens you add or edit will be saved to the active set. Directly rebinding existing layer properties when switching sets is not exposed in the current editor.

Managing token sets

• Rename — double-click a set name.
• Delete — right-click and choose Delete. This removes the set and all tokens in it.

Tips

• Name sets by their purpose, not by the specific values they contain (Light not white-background).
• Keep the number of active token sets small. Having too many sets that are slightly different creates maintenance confusion.
• For multi-theme designs, define the same token names in both sets — this ensures a consistent structure and makes theme-switching predictable.

Related articles

• Create token set from preset
• Generate token set manually
• Generate token set with AI
• Design tokens overview