Skip to main content

Getting Started

Loading...

[[ rootSection.name === "Studio" ? "InVision Studio" : rootSection.name ]]

Organizing Design Tokens

This article applies specifically to the new DSM. If using legacy DSM, check out this article instead.

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

Deleting a folder also deletes any nested folders or tokens sets.

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: