diff --git a/docs/img/design-tokens/14-tokens-sets-edit.webp b/docs/img/design-tokens/14-tokens-sets-edit.webp index d11b0bac04..02c0c296cf 100644 Binary files a/docs/img/design-tokens/14-tokens-sets-edit.webp and b/docs/img/design-tokens/14-tokens-sets-edit.webp differ diff --git a/docs/user-guide/design-tokens/index.njk b/docs/user-guide/design-tokens/index.njk index 1e6228b911..75b13ffea2 100644 --- a/docs/user-guide/design-tokens/index.njk +++ b/docs/user-guide/design-tokens/index.njk @@ -285,11 +285,12 @@ title: 10· Design Tokens

When a token set is selected, the tokens within the selected set are displayed on the panel below.

-

Deleting and Renaming a Token Set

-

Token sets can be renamed or deleted by right-clicking on the token set and:

+

Deleting, Duplicating and Renaming a Token Set

+

Right-click a token set to perform these quick actions:

    -
  1. Selecting Rename, entering a new name, and hitting Enter.
    2. -
  2. Selecting Delete.
    3. +
  3. Rename: Give the set a new name and press Enter.
    4. +
  4. Duplicate: Make a copy of the set.
    5. +
  5. Delete: Remove the set permanently.
Tokens sets edit @@ -299,10 +300,10 @@ title: 10· Design Tokens

Once you have created a token set, you can start creating tokens within that token set. To do so, simply select the token set and create a new token.

If a token with the same name already exists in another set, a new token can still be created in the current set.

-

Creating Token Groups

-

You can create a token set group by simply naming your token sets to have a folder path. For example, you can create a Light group with a Global set and a Colors set using: Light/Global, Light/Colors.

+

Creating Token Set Folders

+

To group token sets just use folder-style names. For example, naming your sets Light/Global and Light/Colors will create a folder called Light with two sets inside it: Global and Colors.

- Tokens sets group + Tokens sets folder

Token Themes