Working with tokens

How to add, edit, group and delete tokens in Supernova

Edit or delete imported tokens

Editing, grouping, ungrouping and deleting tokens imported from Figma must all be done within Figma. All changes to imported tokens should be re-imported into Supernova.

If you are using Figma to manage your tokens, see Figma 101 for more information on editing or updating tokens.

Groups created in Figma with the slash naming convention will be preserved when imported into Supernova. To edit a Figma group, make the change in Figma and re-import.

Edit tokens

Tokens created in Supernova (not Figma) can be freely edited in Supernova.

To edit tokens:

  1. Open the token menu ••• and click Edit
  2. Edit the token name, description or value(s)
  3. Click Confirm to save

Editing a token


Delete tokens

Tokens created in Supernova (not Figma) can be deleted in Supernova.

To delete tokens:

  1. In the token edit dialog, click the delete icon
  2. In the Delete token dialog, click Delete to confirm

— or —

  1. From your design system, click ••• and select Delete
  2. In the Delete token dialog, click Delete to confirm

Group tokens

Tokens created in Supernova (not Figma) can be grouped in Supernova.

To group tokens:

  1. Locate the token you would like to add to a group, and open the token menu •••
  2. Click Move to Group > and select a group to add it to (or create a new group)

Grouping a token

Ungroup tokens

Tokens created in Supernova (not Figma) can be ungrouped in Supernova.

To ungroup tokens:

  1. In the group ••• menu, click Ungroup
  2. Click Confirm to ungroup

Tokens inside this group will be moved up one level, and the group will be deleted.

Ungrouping a token