Supernova 2.0 is here! Try it now

Build better products, faster

Supernova connects your design and engineering data in a single design system tool to accelerate and scale your product development.

Supernova is the trusted partner to help companies around the world scale their design systems

The design system platform that grows with you

Designed for flexibility
Tailor Supernova to build a design system that meets your specifications without the cost of bespoke technologies.
Connected ecosystem
Communicate more effectively. Supernova plugs into your existing tooling ecosystem so your team can find everything they need, when they need it.
Save time & resources
Stop manual updates. Supernova automatically detects design changes in Figma and updates your documentation and code.
Mindstone

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

Phoenix Group

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

Move.com

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

The Fork

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

BTG Pactual

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

Huspy.io

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

Celonis

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

Productboard

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

Enterprise ready

Collaborate at scale. Enable your entire organization to effectively design, build, and scale product development.

Your data,
your solutions

Extend beyond a platform. Leverage Supernova’s SDK and CLI to access and develop custom solutions with your design system data.

Integrate key workflows

Use your favorite apps. Supernova seamlessly plugs into your existing design and development tools to create a connected ecosystem.

Image showing Supernova's connection to various integrations that help support your design system tool workflow.

Powerful content blocks

Start documenting usage guidelines, design tokens, and component patterns immediately — no coding experience needed.

An image showing the different ways you can display design tokens and other design system data in your design system documentation in Supernova.

Continuous design updates

Link your Figma library once. Supernova regularly syncs your files, so you never have to copy and paste designs again.

Automate for efficiency

Reduce errors with automated workflows. Implement design-to-code pipelines tailored to your tech stack.

Radius Small
Radius Medium
Radius Large
Radius Full
[
  {
    “name”: “Radius Small”,
    “value”: “8px”,
  }
  {
    “name”: “Radius Medium”,
    “value”: “16px”,
  }
  {
    “name”: “Radius Large”,
    “value”: “24px”,
  }
  {
    “name”: “Radius Full”,
    “value”: “50%”,
  }
]
:root {
  --borderRadiusRadiusSmall: 8px;
  --borderRadiusRadiusMedium: 16px;
  --borderRadiusRadiusLarge: 24px;
  --borderRadiusRadiusFull: 50%;
}
const borderRadiusRadiusSmall = {
  measure: 8,
  unit: "Pixels",
  css: "8px",
};
const borderRadiusRadiusMedium = {
  measure: 16,
  unit: "Pixels",
  css: "8px",
};
const borderRadiusRadiusLarge = {
  measure: 24,
  unit: "Pixels",
  css: "8px",
};
const borderRadiusRadiusFull = {
  measure: 50,
  unit: "Percent",
  css: "50%",
};

export const Measures = {
  borderRadiusRadiusSmall,
  borderRadiusRadiusMedium,
  borderRadiusRadiusLarge,
  borderRadiusRadiusFull,
}
import SwiftUI
public struct AppMeasures {
  public static let borderRadiusRadiusSmall = 8
  public static let borderRadiusRadiusMedium = 16
  public static let borderRadiusRadiusLarge = 24
  public static let borderRadiusRadiusFull = 50
}
<resources>
  <dimen name="border_radius_radius_small">8dp</dimen>
  <dimen name="border_radius_radius_medium">16dp</dimen>
  <dimen name="border_radius_radius_large">24dp</dimen>
  <dimen name="border_radius_radius_full">50dp</dimen>
</resources>
Export to any
framework you need

Secure your data

Keep your data safe with Supernova. Our platform is SOC2 Type II certified, GDPR compliant, SSO enabled, and more.

An image shocasing Supernova's robust security features.

Get started with Supernova today

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