If you, for any reason, can't use the VS Code extension to run exporters to obtain production code (highly recommended), you can still do that from Supernova Cloud interface. Supernova Cloud allows you to do several things:
Play around with exporters in Cloud Playground
Set up different test scenarios for Store exporters you would like to explore
Run "builds" and generate code that will be stored for all your team members to download
Finally, Supernova Cloud allows you to configure the automated delivery of the code when something changes in your design systems.
You can run any installed exporter right from the Cloud environment. To do that, navigate to
Supernova Cloud > Code Integration > Build. You will see an interface that, if you never used it, will have only one option - to create a new build.
A "build" in Supernova represents a single run of a specific exporter, that points to a specific design system and version. Compared to the VS Code extension where the exporters run locally on your machine, requesting a build will trigger our own SaaS export platform.
To request a new build, click on the
+ NEW button. You will be presented with a dialog asking you what combination of exporter / design system / version you want to build.
In this example, we are using a
Flutter Exporter that we previously installed to provide us code from a design system called
Magic Wand and we are specifically asking for the data from the
Shared Draft version.
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.
When the build succeeds, you can download the code as a
.zip file immediately.
It is worth noting that you can have an unlimited number of builds for an unlimited number of exporters - there is no limit.
Builds are great if you want to make the code available to all your team members, but would be a bit cumbersome to test different variations of exporters, design systems, and settings.
You can access the Cloud Playground for every installed exporter by going into the exporter detail (either clicking on Exporter Store tile, or selecting it through the installed exporter list) and click
Open Playground. This will open up the Cloud Playground for the specified exporter.
The Cloud Playground has a lot of options, so we will dedicate a separate section to it.