Free: €0 forever for one design system with tokens, components, assets, MCP endpoint, Figma import and sync, live documentation site, and drift checks inside the app. Studio: €15 per seat per month with up to 5 design systems, 10 contexts and API keys, 3 connected repositories, enforcement on every
Free: 100 React charts in Hearth collection, MIT licensed. Figma: $149 once. Code: $249 once. Complete: $349 once. All prices include every update.
Key features
Reads Figma variables and styles plus repository code to build one clear picture of your design system
Serves design system to Claude Code, Cursor and Copilot through secure MCP connection
Generates editor rule files automatically
Live documentation with auto-synced token blocks
Source code never leaves your repository
Separate space and connection for each design system or client
Configurable rule strictness with errors blocking merges and warnings letting them through
Multiple connected repositories and contexts per plan
100+ chart types organized by question
Four responsive sizes (XS, S, M, L) that re-layout from data
Identical names and props in Figma and React
Light and dark color modes
900+ size and legend variants
MCP server for AI code agents
Sector-specific datasets included
Ready-made dashboard blocks and compositions
Private registry and GitHub repository access
What makes it different
Reconciles Figma design files with actual repository code into one unified source of truth
Ranks tokens by actual usage instead of showing raw Figma values
Catches design system mismatches before code merges, not just in reviews
Works through MCP protocol so compatible with multiple AI tools not just one
Same chart name and properties in both Figma design files and React code
Charts re-layout responsively instead of scaling, keeping text readable at all sizes
Pay once with all future updates included, no subscription
Integrated with shadcn and available via MCP for AI agents