Using exporters

Install Visual Studio Code extension

Install the VS Code extension to work with the Supernova platform directly in your Microsoft VS Code environment. It can be installed from the VS Code extension marketplace.

This is a summary. For more information about configuring your source design system in VS Code, view the full setup instructions in the developer documentation.

Builds

A "build" in Supernova represents a single run of a specific exporter that points to a specific design system and version.

Run an exporter in VS Code

Recommended method

We recommend you use the VS Code extension to run exporters and obtain production code. If you are unable to, or would prefer not to use the extension, you can use the Supernova Cloud interface.

Run an exporter in Supernova Cloud

You can run any installed exporter manually from the Cloud environment. (Note: The recommended method is using the VS Code extension.)

  1. Navigate to Code Integration → Builds
  2. To request a new build, click on the + New button
  3. Select the exporter to build with (the currently selected design system and version will be used)
  4. If brands are enabled, select the design system brand as well
  5. Click Run

When you run a build, it will be queued on our CI/CD servers and will generate the code on your behalf. You can stay on the same page — it will automatically refresh when the code is ready.

Note -> If the exporter requires brand selection, you will see an option to select the brand to use