WunderUI is a design system for React and Figma that AI coding agents can actually use. It ships 205 components, design tokens in light and dark, motion rules, 317 ready-made screens and a DESIGN.md plus MCP server that tell your agent exactly which component, prop and token to use. Instead of guessing, your agent builds real interfaces: dashboards, billing, auth, AI chat, agent consoles and more, with the same result in Figma and in code. For designers and developers who build products with Claude Code, Cursor or Codex, and for teams who want one source of truth between design and code. 77 components are free and open source (MIT); Core and Pro add more components, blocks, templates and agent skills.
AI agents write a lot of UI, but they guess: wrong spacing, invented colors, components that do not exist. We wanted a design system built for that moment. Every component, token and rule is written so an agent can read it, and the Figma file matches the code one to one, so designers and agents work from the same truth. WunderUI is what we wished we had when our own agents kept producing UI that looked almost right.