Supernova Integrations

Supercharge your design system and connect your favorite tools with Supernova's built in integrations.

Featured

Tokens Studio

Now you can push and pull your styles and design token values from Tokens Studio (Formerly Figma Tokens Plugin), with only a couple of simple steps.

Learn more

Documentation and management

Supernova offers a flexible and extendable documentation engine to fit your unique needs, so you have time to focus on the content. Integrate your designs directly and create a seamless design system.

Figma

Integrate Supernova and Figma to keep your design system data in sync.

Tokens Studio

Import directly from Tokens Studio and seamlessly integrate your Figma tokens.

Storybook

Embed Storybooks directly into your design system documentation.

React

Render live code snippets directly in your design system documentation.

Raycast

Access your design systems from anywhere with our Raycast extension.

Lottie

Liven up your documentation and embed Lottie animations directly.

Turn your design decisions to code with seamless delivery

Forget tedious exporting of icons, figuring out what hex codes to use for a specific color, or how you define a specific text style. Supernova lets you automate the delivery of asset sets, style libraries, and design tokens to the codebase of your choice.