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.