An introduction to the Supernova interface
How to access workspace and account settings, and how to navigate between sections of the app.
The side navigation bar takes you to different sections of Supernova.
Design systems
Documentation
Code integration
Displays the current workspace. Use the dropdown to change to a different workspace, or create a new one.
Workspaces
Displays the current design system. Use the dropdown to change to a different design system, or create a new one.
Displays the current version. Use the dropdown to change to a different version, or create a new one.
Access all Supernova workspace settings.
Access all Supernova design system settings.
Open the documentation editor.
Switch between navigation styles (top or side navigation).
An example of the editor with top navigation enabled.
Create new documentation pages or groups with the + Add button.
Access documentation settings.
Publish your documentation and share with your team.
Add a new block after the current one, and select the type from the list.
See Create a new block for more details.
Click to access the block menu options, or click and drag to move the current block.
Use the block menu to:
The main content area for a block.
Some blocks have a brand selector, select a brand to change block selection content.
See Multi-brand design systems for more details.
Some blocks contain items that can be edited with additional actions, such as Token blocks.
Some blocks have items with menus of their own, such as a Shortcut block.
Click to open the menu or click and drag to reorder.
Some blocks have additional layout settings, such as Figma or Asset blocks.
Click the settings icon to access layout settings.