WunderUI is a design system with React components, a matching Figma library, UI blocks and dashboard templates. It gives coding agents shared tokens, component information and rules through an MCP server and agent skills.
Why we recommend it
It connects design and implementation: designers use a matching Figma library, developers use React components, and coding agents can access the same design tokens and component rules. A free MIT component collection is available, with paid options for additional resources.
Keep in mind
- The Figma library is design-only; it doesn't auto-sync with the React components, so tokens must be updated in both places.
- Freemium limits which components and templates are available for free; paid access is required for the full set.
- The design system assumes React; designers or devs working in Vue, Svelte, or plain HTML don't get matching components.
WunderUI alternatives and related tools
1 AI prompts for design systems & ui kits — ready-to-copy prompts for this discipline, organised alongside the directory. Browse design systems & ui kits prompts →