Write together
People and agents write on the same page — leave comments, review, and publish together.
Document yourdesign system...and everything else.
ComponentsButton
OverviewStylesCodeAccessibility
Create a new page for Button component – Styles.
Write with agents.
Guidelines, DOs and DON’Ts — drafted with Supernova Agent, reviewed by you.
Deliver to agents.
Scoped MCP serves the same documentation to Cursor, Copilot, and Claude Code.
Improve with feedback.
Teams flag gaps as they work. Agents turn them into fixes instead of a backlog.
Documentation
OverviewUsageCode
Button
DOsDON'Ts
Writing...
ScopedTeam 1
ScopedTeam 2
ScopedTeam 3
InconsistencyOpen
Missing informationOpen
Wrong propertyOpen
Solving issues...
Filtering...
Write with agents
Documentation explains DOs and DON’Ts, design and development rules, and how components and patterns relate. It is written for agents and for the people in the loop — the same pages, the same source of truth.
Component
Button#1A5EE5
Documentation
Button#1A5EE5
Always in sync
When the design system data changes, the documentation stays current — one source, not a fork.
GitHub
README.mdDocumentation
# Button
Pull markdown from repository
Pull markdown from GitHub, keep it next to the system, and distribute the same pages through MCP.
First class documentation editor
Document your design system with native blocks
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
Customer documentations
Best design system teams use Supernova to run their design system documentation.
“Engagement with the documentation has been a true indicator of how useful this tool is for us.”
Eduardo Sousa Tello
Senior Product Designer at Huspy
Portal and Ask AI beside the docs
Portal is complementary to documentation. The published site is the narrative — Portal is how people and agents search, browse, and ask.
Improve with feedback
Team feedback via MCP
When something does not work, the team flags it through MCP — next to the docs, not in another backlog.
Agent suggests a fix
The agent reads the gap against the live system and drafts a remediation — a concrete change, not a ticket.
Team approves the draft
People review the AI-drafted solution, edit if needed, and publish. Agents and the team stay in one loop.
“Its highly customizable capabilities have made our documentation a true single source of truth.”
Dev Pradhan
Senior UX Designer at PubMatic
Give your agents a system worth following
See how Supernova documents, syncs, and serves your system in one place.