Zeroheight
Design system documentation that connects Figma, Storybook, and code
Founded
2018
Starting Price
$0
Category
UI/UX Design
Last updated April 30, 2026
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
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
Starter
$0
- Up to 3 editors
- Public docs only
- Basic Figma sync
Growth
$130/month
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.
