Put simply, Supernova helps product teams discover, design, and deliver better solutions — faster. It brings two powerful capabilities together in a single ecosystem:
- With Portal, teams can generate AI-powered prototypes using your design system components and get instant, tailored answers to questions about your design system.
- Alongside this, the Design System Platform enables teams to manage tokens, components, and code delivery at scale, while creating and publishing robust documentation.
Together, they create a connected workflow that carries ideas from early exploration to production without losing consistency or context. Teams can run full discovery cycles in Portal: prototyping new features, generating PRDs and specs with AI, and handing everything off through MCP for immediate code reuse. Meanwhile, 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.
Portal
Prototype features with AI and your design system
Portal is your team’s collaborative space for solution discovery. It connects your design system, product documentation, and AI-powered creation tools so you can move from ideas to working prototypes faster than ever. With Portal, your entire product team can explore, design, and deliver solutions that stay consistent, on-brand, and ready for production.
Your team can also browse, search and ask design system data to get quick insights instead of diving into the documentation.
Explore Portal features
Create
Collaborate with your team and build AI prototypes using your design system.
Ask
Get AI-tailored answers about your design system.
Portal 101
Your AI-powered collaborative workspace.
Shared contexts
Configure Portal to provide consistent design system settings and AI guidance.
Product documents
Draft PRDs, specs, and release notes connected to your prototypes.
Export
Stream directly to AI coding assistants.
Browse design system
Search and browse design system knowledge.
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.