Creating design tokens in DSM

With DSM you can quickly create and edit design tokens, allowing you to build out a robust documentation site for your design system.

Creating a new tokens set

Tokens in DSM are organized into sets. Tokens sets correspond to JSON files with multiple tokens.

Adding a new token

To add a new token, open a tokens set and click Create new token, add a Name & Value for the token and click the Save icon

To add more tokens, select the table and click New token.

Creating a token reference

To create a token reference (often called an “alias”), enter the name of the referenced token in the value field.

After creating the token reference, it will appear as a link in the Value column. Hover over the link to see the current value of the referenced token. If the referenced token is defined more than once (e.g., to support themes), the hover state will show all possible values.

Renaming a token

If you rename a token in the table, DSM will rename it across the system.

For example, assume there are two tokens:

color.core.blue = #0B99FF
color.brand.primary = color.core.blue

If you rename color.core.blue to color.global.blue, DSM will change the value of color.brand.primary to color.global.blue automatically.