

Creating tokens
Create a new token
- To create a new token, click + New Token.
- In the new token row, enter a token name.
- Click the token value to edit.

Create new tokens from a data source
- To import tokens from a data source, click + New data source.
- Enter a link to a Figma file, and click Import to import Figma styles as tokens.
- When import is complete, your imported tokens will appear in the list.


Editing tokens
You can edit a token by editing any of its properties. Click on the item in the row to edit the value of a property.
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.
Properties not imported from Figma can always be edited.

Edit token name
- To rename a token, click on the name to edit it in place.
- Click outside the input to save.

Edit imported token name
- To edit an imported token name, open the file in Figma.
- Rename the associated Figma style.
- Publish changes to Figma library.
- In Supernova, click Get updates to import updates to tokens.
Edit token value
- Click the token value you would like to edit. If you want to edit a theme value, make sure to click the value in the relevant theme column.
- In the dialog, enter the new value.
- Click Confirm.


Edit imported token value
- To edit an imported token value, open the file in Figma.
- Change the value of the associated Figma style.
- Publish changes to Figma library.
- In Supernova, click Get updates to import updates to tokens.


Copy token value
- Hover over the token value you would like to copy.
- Click the Copy Value icon.
- The value will be copied to your clipboard
- To change the format to copy for a color token, change the format using the color format dropdown.


Edit description
Edit a token description by typing in the description cell.

Edit other properties
Edit any other token property values by interacting with the inputs in each cell.

Edit theme tokens
You can edit theme tokens created in Supernova directly in your design system.
- 1. In Tokens view click on the token value in the relevant theme's column.
- 2. In the dialog, enter a value for the new theme token. Click Confirm.
- To edit the token's name or description, click into the relevant field and edit directly in the table.
Imported tokens need to be edited in Figma. Supernova will then automatically fetch updates from your theme's data source file. You can also manually import these updates by clicking the Get updates button in the top right corner of your design system.
Resize and reorder columns in token view
It's also possible to adjust the width of each column in the token table. This works the same as most other interactive tables — simply click the edge of any column (you'll see the rezise icon appear on hover) and drag to resize it to the desired width.
Click the column in the middle and drag to reorder them.
Deleting tokens

Delete a token
- Hover the token you would like to delete and click the ••• button at the end of the row.
- Select Delete token.
- If there were any tokens with an alias to this token, the dialog will show the affected tokens. They will revert to static values.
- In the dialog, click Confirm to delete.

Delete an imported token
- To delete an imported token, open the file in Figma.
- Delete the associated Figma style.
- Publish changes to Figma library.
- In Supernova, click Get updates to import updates to tokens.
Grouping tokens
Group imported 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.
- To delete an imported token, open the file in Figma.
- Delete the associated Figma style.
- Publish changes to Figma library.
- In Supernova, click Get updates to pull updates to tokens.
Create a new token group
- Locate the token you would like to add to a group, and click ••• to open the edit menu.
- Click Move to Group > and select + New group.
- Enter the new name for the group.

Add or remove tokens from a group
- Locate the token you would like to add to a group, and click ••• to open the edit menu.
- Click Move to Group > and select a group to add it to, or create a new group.
- To remove from a group, click Move to Group > and select No group.
Delete a group
- Open the group context menu with •••.
- Select Ungroup from the options.
- Tokens inside this group will be moved up one level, and the group will be deleted.
