Helping companies document their design systems
Work on documentation together
Collaborate at scale. Enable your entire organization to effectively design, build, and scale product development.
Connect all your design and development decisions
Create a source of truth that is truly connected with your design system. Supernova integrates with many tools to make your tokens, themes, components, assets, and code all available in your documentation.
Track what matters — right where your docs live
With integrated analytics, you can understand how your documentation is being used. See which pages are most visited, when people engage, and how your content performs over time — no third-party tools needed.
Build and edit documentation without any code
No more markdown editing or building your own documentation engine. With Supernova you can edit and create content without any coding skills thanks to an instantly familiar editor.
Render React editable code examples
See your code live and make your design system documentation interactive by connecting public or private npm libraries with your design system’s React components.
Share feedback and leave notes
Review and iterate with ease. Leave notes for your teammates, give reactions, and get notified when they respond.
Explore more documentation features
Automatically updated images from Figma frames
Display any Figma frame as an image in your documentation. When it gets updated in Figma, it’ll be updated also in your documentation. Managing images for your documentation has never been easier.
Built-in version management
Version your documentation for major updates of your design system and never lose important references from past.
Unmatched content variability
Supernova gives you more than 25 ready-to-use content blocks to shape your documentation blocks. Can't find what you need? You can request a new block or create your own to fit your unique needs.
Token group
Add a group of tokens
Markdown
Render markdown from URL
Component Checklist
Highlight component properties
Bullet list
A list with bullets
Text
Plain text
Token list
Add a list of tokens
Heading 1
Large section heading
Figma
Display Figma frames
Lottie Preview
Preview Lottie animation
Divider
A section divider
Code
Display a snippet of code
Callout
Highlight a section
Table
Display a simple table
Shortcut
Link to a page or section
YouTube
Embed a YouTube video
Ordered list
A list with numbers
Render React code
Display rendered code
Embed
Embed external content
Storybook
Embed a Storybook canvas
Component Health
Show component health
Blockquote
Display a quotation
Release Notes
Show versions changelog
Heading 2
Medium section heading
Image
Display an image
Assets
Display a list of assets
Tabs
Divide content into tabs
Private or public access
Publish your design system documentation to the public or keep it internally private. You can also use SSO login to make account management easier for you.
Offline export & backups
void vendor-lock. Your data are yours, and only yours. You can easily export your documentation to markdown, static offline website, or access via our Typescript SDK.