Creator · Open source · 2024 —
Design System Hub
An open-source alternative to Storybook with Figma sync: present components, keep products consistent and ship features faster.
Problem
Storybook upgrades break, it loads slowly, needs heavy configuration and barely talks to Figma. Teams spend more time maintaining the tool than the design system.
UX design
Users
Designers and developers who share one design system and need a single place to browse, document and check components.
Methodology
01 · Discover
Competitive analysis
Audited Storybook, Zeroheight and Supernova on setup time, load time and Figma integration.
02 · Define
Pain point mapping
Mapped the friction in the designer ↔ developer handoff to pick the problems worth solving first.
03 · Design
Figma prototypes
Prototyped the hub in Figma and reviewed it with designers before writing the zero-config engine.
04 · Validate
Feedback in public
Shared early builds openly and turned GitHub issues and community feedback into the roadmap.
Design principles
- Designers are first-class users, not guests
- Fast enough to open in a meeting
- Convention over configuration
Approach
Zero config
The hub reads your components and tokens without configuration and keeps them in sync with the Figma source of truth.
Built in public
Open source, with a focus on load time, a clean API and a UI that designers enjoy as much as developers.
Results
- config to start
- 0
- sync built in
- Figma
- MIT, built in public
- OSS
Stack
- TypeScript
- React
- Figma API
- Bun