Organizing Design Tokens

With DSM, you can organize tokens sets into folders. This article walks through how to manage tokens sets with folders.

Creating a tokens folder

To create a tokens folder:

1. Open your design system and navigate to the Tokens page.
2. In the left-hand navigation, click Add > Folder.
3. Type a name and press Enter.

If necessary, you can add a second level folder within any existing folder.

Organizing sets into folders

To move a tokens set to a folder, hover over the set in the left-hand navigation. When the reorder control () appears, click and drag the set into an existing folder.

Deleting a tokens folder

To delete a tokens folder:

1. In the left-hand navigation of the Tokens page, hover over a folder and click the action menu ().
2. Click Delete.
3. To confirm, click Delete again.

Renaming a tokens folder

To rename a tokens folder:

1. In the left-hand navigation of the Tokens page, hover over a folder and click the action menu ().
2. Click Rename.
3. Type a new folder name and press Enter.

Best practices for organizing tokens

For examples of how to best organize your tokens, check out the following resources:

• How to manage your Design Tokens with Style Dictionary by Cristiano Rastelli
• The Style Dictionary examples. Specifically, check out the advanced / multi-brand-multi-platform example.
• Sprout Social's Seeds design system tokens. The team organizes token types into separate packages and uses Lerna to manage inter-package dependencies in a mono repo.