Pricing

Whether you’re just getting started with design systems or scaling your efforts across the organization, we’ve got you covered.

Free
Free

  • All Supernova features
  • One design system
  • Up to three viewers
  • One data source for your design system
  • Up to five versions
  • One automation routine
  • One brand
  • Custom documentation look & feel
  • Login-protected documentation
Team
-22%
$35

Per editor seat per month, billed annually

  • Everything in the Free plan plus:
  • Up to two design systems
  • Up to 100 viewers
  • Up to five data sources
  • Unlimited versioning
  • Unlimited themes
  • Up to five automation routines
  • One additional brand
  • Private npm packages
  • Comments
  • Drafts
  • Selective publishing
Company
-20%
$80

Per editor seat per month, billed annually

  • Everything in the Team plan plus:
  • Unlimited design systems
  • Unlimited viewers
  • Unlimited data sources
  • Unlimited automation routines
  • Unlimited brands
  • Custom documentation domain
  • Custom documentation templates
  • Custom documentation blocks
  • IP Whitelisting
  • Figma variables mode import configuration

Enterprise

For advanced security and support, our Enterprise plan helps you scale design systems across the whole organization.

  • Everything in the Company plan
  • Approval workflows
  • Single sign-on (SSO)
  • Codebase behind VPN
  • Private documentation pages
  • Invite only design systems
  • Design system roles
  • Dedicated account manager
  • Priority support & onboarding
  • Infosec checklists
  • Pay by invoice

Compare features

Free
Free

Free

Team
$35
-22%

Per editor seat per month, billed annually

$45
-22%

Per editor seat per month, billed monthly

Company
$80
-20%

Per editor seat per month, billed annually

$100
-20%

Per editor seat per month, billed monthly

Free
Team
Company

Design data features

Design systems

Manage one or many design systems within one workspace.

Manage one or many design systems within one workspace.

One

Two

Unlimited
Contact us

Design tokens

Create, define, describe, and use all basic token types, from colors to fonts to borders — seamlessly in your editor.

Create, define, describe, and use all basic token types, from colors to fonts to borders — seamlessly in your editor.

Unlimited

Unlimited

Unlimited
Contact us

Design token aliases

Create hierarchies of tokens, allowing semantic connections between token definitions.

Create hierarchies of tokens, allowing semantic connections between token definitions.

Yes

Yes

Data sources

Import Figma styles, components, and library to your design system in Supernova with a click of a button.

Import Figma styles, components, and library to your design system in Supernova with a click of a button.

One

Five

Unlimited
Contact us

Figma variables integration

Import Figma variables including code syntax using Supernova plugin.

Import Figma variables including code syntax using Supernova plugin.

Yes

Yes

Tokens Studio plugin integration

Import tokens and themes directly from Tokens Studio plugin.

Import tokens and themes directly from Tokens Studio plugin.

Yes

Yes

Themes

Number of themes you can have for your tokens.

Number of themes you can have for your tokens.

One

Unlimited

Unlimited
Contact us

Assets

Manage your assets like icons and exported components.

Manage your assets like icons and exported components.

Unlimited

Unlimited

Unlimited
Contact us

Custom fonts

Upload custom fonts that can be seamlessly used by your team members.

Upload custom fonts that can be seamlessly used by your team members.

Yes

Yes

Versions support

Version your design system to maintain updates.

Version your design system to maintain updates.

Five versions

Yes

Component management

Manage your components from one view.

Manage your components from one view.

Yes

Yes

Custom token properties

Enhance the token model with your own customizable properties.

Enhance the token model with your own customizable properties.

Yes

Automatic updates from Figma

Keep your Supernova design system automatically updated when you release a new Figma library version.

Keep your Supernova design system automatically updated when you release a new Figma library version.

Yes

Figma variables mode import configuration

Set your custom configuration of importing modes.

Set your custom configuration of importing modes.

Documentation features

Documentation visits

Share your documentation publicly or privately with no limits to the amount of visitors.

Unlimited

Unlimited

Unlimited
Contact us

No-code editor

Use our best-in-class documentation editor to create rich and dynamic design system documentation for everyone on your teams.

Yes

Yes

Dynamic content widgets

Use dynamic design system content such as token lists, component previews, and more to keep your documentation in sync with every design change from Figma.

Yes

Yes

Live code examples

Render live, interactive components for React, Vue, and Angular directly inside your documentation.

Yes

Yes

Custom look

Use design system styles and tokens to customize documentation to match your brand and style.

Yes

Yes

Storybook embed

Embed Storybooks directly into your documentation.

From a public URL

From a public URL

From a public URL or VPN
Contact us

Markdown import

Import markdown to easily generate documentation pages.

Yes

Yes

Documentation analytics

Connect your documentation easily to Google Analytics, Hotjar, and Intercom.

Yes

Yes

Custom footer

Customize your own footer to include additional information, support links, and other.

Yes

Yes

Custom CSS

Fully customize the entirety of the documentation site design just by providing your own CSS.

Yes

Yes

Custom javascript

Embed any custom code snippet into the <head> section of the documentation.

Yes

Yes

Offline export

Export a static site or markdown to your filesystem, repositories or any other destination.

Yes

Yes

Raycast integration

Access and search your documentation directly from the Raycast extension.

Yes

Yes

Public documentation

Make your documentation available to everyone, without password protection.

Yes

Multiplayer editing

Edit your documentation in real-time with your team mates

Yes

Comments

Collaborate directly and specifically with your team in the editor.

Yes

Drafts

Adding or editing a new page is automatically a clear work-in-progress.

Yes

Selective Publishing

Publish only the specific documentation pages that are ready to go.

Yes

Custom documentation template

Customize every aspect of documentation, including layout, styling or even custom viewer functionality.

Custom content blocks

Create custom documentation widgets to extend the capabilities of Supernova to match your workflows and data sources.

Unlimited
Contact us

Remove sidebar branding

Remove the Supernova branding from the sidebar for better whitelabeling.

Custom domain

Use your own custom domain for any of your documentation sites.

Developer features

Exporting design tokens

Export design tokens to any technology and language, tailored precisely to your coding standards.

Yes

Yes

Exporting assets

Export icons and assets, both as bitmaps and vectors.

Yes

Yes

Exporter store

Browse and install code exporters for any platform from the exporter store.

Yes

Yes

Github integration

Automatically push new code to any GitHub repository when your design system changes.

Yes

Yes

Gitlab integration

Automatically push new code to any Gitlab repository when your design system changes.

Yes

Yes

Bitbucket integration

Automatically push new code to any Bitbucket repository when your design system changes.

Yes

Yes

Azure DevOps integration

Automatically push new code to any Azure DevOps repository when your design system changes.

Yes

Yes

VSCode extension

Use integration with Visual Studio Code to give superpowers to your daily routine.

Yes

Yes

SDK access

Access all your data stored in Supernova with our Typescript SDK.

Yes

Yes

Pipelines

Observe events happening inside design system, such as new version released, and run code exporters when something changes.

One

Five

Unlimited
Contact us

Private npm packages

Render your own React libraries coming from either private packages inside Supernova.

Yes

Multi-brand support

Multi-brand support

Support different brands under the same design system.

One extra

Unlimited
Contact us

Brand-aware documentation

Display your tokens or assets blocks for selected brand.

Brand-aware code export

Export your design tokens and assets with specific brand context.

Branded tokens and assets

Manage brand differences in tokens and assets easily.

Admin & Security

Viewer accounts

Unpaid seats who have view-only access to your workspace, so everyone can share in the fruits of your labor.

Three

100

Unlimited
Contact us

Editor accounts

Account that has full access to your design system.

One

Unlimited

Unlimited
Contact us

Centralized administration

Manage billing and users from one unified place and assign people to take care of it.

Yes

IP whitelisting

Protect your design systems and documentation by restricting access by IP address.

Support

Help center

Access to all learning materials.

Yes

Yes

In-product support chat

Request off-line help by sending us a message either through chat directly from Supernova application.

Yes

Yes

Get started with Supernova today

Unlock the full potential of your design system with Supernova, empowering you to drive innovation, collaboration, and seamless scalability.

Loved by teams of all sizes and maturity levels

This is the tool to use to help push your engineering and design teams togethers. As far as I'm aware, fully automating design changes in figma all the way to deployment is cutting edge and either done through a fully custom build pipeline or via Supernova.

Stefan Keranov

Co-Founder & Engineering

If you love Figma's approach to fast, iterative development you will love Supernova.

Their team is engaging in feedback, their discord channel, and even asking to rate future features. Aside from that, the product is easy to set up and use.

Andrew Cetnarskyj

Design Systems Designer

Supernova is our source of truth for managing and documenting our Design System at TheFork, and I have to admit that version 2.0 is a real game changer.

The live collaboration, new ergonomics, and responsiveness of the team make it a tool I can't recommend highly enough.

Thomas Lautrédou

Senior System Designer

Supernova is enabling the Huspy team to grow with a source of truth that can easily be updated by multiple collaborators.

Engagement with the documentation has been a true indicator of how useful this tool is for us.

Eduardo Sousa Tello

Senior Product Designer

Supernova is a more modern and complete platform than what we’ve previously used. All the support we’ve received since our arrival shows just how much better it is to be here. Thanks to the Supernova team.

Renato Michalischen

Design Ops Lead

Supernova is a tool that really understands the needs of design systems creators. We’ve had no fun in the past working with other tools’ documentation, but that’s all changed now. It’s easy to use, intuitive, and offers many opportunities to scale in the future.

As a single source of truth, it is mind-blowing, efficient, fast, and highly customizable. They also listen to their customers and prioritize their roadmaps to fit their needs which is a great bonus.

Matthias Fritsch

Design Lead

We put a few design system documentation products through a feature review versus our own hand-rolled option, and found Supernova to be the most valuable for our design system needs.

Bethany Shwanke

Principal Designer, ex-IBM Carbon

Supernova has massively helped allow the wider org to understand the value of our design system and its importance to the org.

John Atkins

Design System Lead

Participate in our State of AI Survey