In this documentation
Choose what you are interested and let's get started!
We've separated this documentation into several parts based on what you can do with Supernova.
Supernova allows automatic synchronization of design decisions such as styles or assets (icons and similar) to your codebases using a technology we call "exporters".
If you want to start delivering to your codebases right away, start with our guide about using Supernova's out-of-the-box exporters to deliver code. We recommend starting here first to understand the power of Supernova.
If you have tested delivery using the default exporters but you didn't find the one that precisely suits your needs, Supernova allows you to customize existing exporters or even create new exporters from scratch.
All your design system data can be accessed through Supernova SDK, a powerful Typescript-first library you can include in your browser or Node-based projects. Supernova SDK opens up ton of opportunities for developers, such as the ability to build their own Figma plugins or include data from the design system on the fly.
In addition to reading data, the SDK also allows you to write data back to Supernova, so various sources can contribute data to the design system.
To get started, follow our guide on building with the SDK.
Supernova documentation can be fully customized — from the perspective of layout and styling to even adding custom functionality — giving you the same powers as if you'd build the documentation frontend yourself using tools like Gatsby, without the resource and time intensive lift.
Follow our guide to learn about how to customize the documentation for your design systems.