Put simply, Supernova helps product teams discover, design, and deliver better solutions — faster. It brings two powerful capabilities together in a single ecosystem:
- The Design System Platform enables teams to manage tokens, components, and code delivery at scale, while creating and publishing robust documentation.
- With Portal, teams can explore their design system and get instant, tailored answers to questions about it.
Together, they create a connected experience that helps teams work with their design system without losing consistency or context. Teams can use Portal to explore their design system and get tailored answers with AI, while the Design System Platform keeps the foundation strong, syncing tokens from Figma, documenting components, and automating delivery to repositories.
The result is a unified system where design, documentation, and engineering stay perfectly in sync, empowering teams to move faster and stay consistently on brand.
Design systems
Maintain design truth for multiple teams and products.
Connect your Supernova design system to your design data sources, which Supernova keeps updated automatically by importing any changes made to them. Manage, maintain and extend design tokens with custom data, and distribute them to any destination, without having to create custom solutions.
Explore Design system features
Design systems 101
Learn about the design system platform.
Import design data
Import tokens, variables, and components.
Tokens 101
How to use design tokens in Supernova.
Components 101
Manage components in your design system.
Assets
View and document assets in your design system.
Documentation
Build fully customizable documentation using your design system data.
Hit the ground running with our powerful editor that can embed dynamic data from your design system, and contains a selection of documentation blocks that can instantly render all kinds of content, and keep your documentation in sync whenever changes are made. Embed Storybook stories, Figma assets and styles, live code examples, and more.
With dynamic templates powering the documentation, Supernova allows you to customize every aspect of your documentation — from a documentation site that embodies your brand, to custom blocks that suit your unique requirements.
Explore Documentation features
Documentation 101
A guide for documenting your design system.
Using the editor
Keep your documentation effortlessly up to date.
Types of blocks
View content blocks that can be added to your documentation.
Collaborate
Collaborate on content directly in the editor.
Preview & publish
Build a preview, or publish your documentation site.
Customize your docs
Tailor the look and feel of your documentation site.
Code automation
Connect design and code in one place.
Automate the delivery of asset sets, style libraries and design tokens with Supernova's code pipelines feature. Easily convert design data into code or assets with powerful, fully customizable exporters for the most common platforms such as iOS, Android, React Web, React Native, and Flutter. Customize the delivery so it fits your needs and company standards.
Explore Code automation features
Code pipelines
Learn how to automate code delivery using pipelines.
Open a pull request
Learn how to open a pull request in a code pipeline.
Exporters 101
Exporters transform design system data into production-ready code.
Portal
Explore and understand your design system with AI
Portal gives your team an AI-powered way to explore and understand your design system.
Your team can browse, search, and ask questions about design system data to get quick insights instead of diving into the documentation.