Zeroheight
Design system documentation that connects Figma, Storybook, and code
About Zeroheight
Zeroheight is a design system documentation platform that pulls in components, tokens, and styles from Figma, Sketch, Storybook, and codebases to create a single, beautiful living style guide. Trans World, Workday, and Adobe use it to give designers, engineers, and PMs one unified place to learn how the design system works, with versioning, search, governance, and analytics on top.
Pros & Cons
Pros
- Purpose-built for design system documentation — no wrestling with Notion or Confluence templates
- Deepest Figma integration of any DS docs platform, including variables and component properties
- Embed live Storybook components so designers and engineers see the same artifact
- Built-in versioning lets you ship breaking changes without confusing consumers
- Analytics show which components are actually used — invaluable for DS teams justifying headcount
Cons
- Pricing scales aggressively once you exceed 10 editors
- Editor experience can feel locked-in compared to free-form tools like Notion
- Token management is solid but not as deep as a dedicated tool like Tokens Studio or Supernova
Key Features
Figma Sync
Two-way sync of Figma components, styles, and variables into living documentation that updates automatically
Storybook Integration
Embed live Storybook stories directly inside docs so engineers see real code examples
Design Tokens
Manage color, typography, and spacing tokens centrally and export to Style Dictionary, CSS, iOS, or Android
Versioning & Drafts
Branch documentation, review drafts, and roll out updates without breaking what designers see today
Custom Branding & Pages
WYSIWYG editor with rich content blocks for guidelines, principles, voice & tone, and patterns
Governance & Analytics
Track adoption with view counts, search analytics, and component usage data across the org
Permissions & SSO
Granular access control with SSO/SAML, audit logs, and role-based permissions for enterprise teams
Pricing
- Up to 3 editors
- Public docs only
- Basic Figma sync
- 10 editors
- Private docs
- Custom domain
- Advanced Figma sync
- 25 editors
- Versioning
- Analytics
- Storybook integration
- Unlimited editors
- SSO/SAML
- Audit logs
- Dedicated CSM
Best For
Single source of truth for Figma design systems
Document every component in Figma alongside usage guidelines, code snippets, and accessibility notes.
Bridge between designers and engineers
Designers contribute in a WYSIWYG editor while engineers embed Storybook and tokens — both audiences get what they need.
Enterprise design system governance
Track adoption, roll out versioned changes, and enforce permissions across large multi-team orgs.
Similar Tools
Builder.io
Visual development platform with AI-powered design-to-code
Docmost
Enterprise-ready open-source wiki for modern teams
DocsGPT
Open-source AI platform for intelligent agents and private enterprise search
Hugo
The world's fastest framework for building websites
Landingfolio
Landing page design inspiration, templates, and components
Magic Patterns
AI prototype generator for product teams