Wonder
在画布上用 AI 生成 UI 设计,并直接输出可上线的 React + Tailwind 代码。
ui design
平台
网页
定价 免费增值
Wonder 是一款把设计画布和代码视为同一对象的 AI 设计工具。你用自然语言描述需要的页面、变体或流程,Wonder 会在画布上生成可编辑的图层,并把每个元素 1:1 映射成可直接发布的 React 和 Tailwind 代码。所有调整都在画布上完成——改间距、换图、改文案、换主题,代码会同步更新,省去传统的设计-开发交接流程。 它还可以通过 MCP 与 Claude Code、Cursor、Codex 等编码代理打通,从已有代码库里读取组件和设计 token 带入画布,再把完成的设计回写到代码中。目前处于公开 Alpha 阶段,付费方案从 $20/月起步,重度使用最高 $200/月;连接自己的编码代理可享受免费版。