Once you have created your design system and installed the Supernova plugin, you can now connect a Figma file and begin import. Figma text, color, and effect styles can be imported, which will be referred to as tokens in Supernova.
In the Supernova plugin, open the document you would like to import from, and click on the
Start Import button.
(If this is not your first import, click the Import icon, or select Import from Figma from the main menu).
If the Figma file has not yet been linked, you will be prompted to link it now. To link this file to your design system, click
When the import is complete, you will see a summary of imported tokens. Click
Done to return to the main plugin window and view imported tokens and components.
In Supernova, linking a file means that any changes made to previously imported data from your Figma file will be automatically updated during subsequent imports to Supernova.
In Figma: open the file you would like to link to the selected design system (if one has not already been linked).
In the Supernova plugin: when prompted to Link Figma File, click
You can optionally add the
Figma URL of the linked file to Supernova. Supernova will store this information to help other users of the design system navigate to the correct file.
In the Supernova plugin: from the main menu
Open Source File.
If the source file URL has not yet been configured, enter the Figma file URL in the dialog and click