Wonder

Wonder 是一款将 AI 设计代理直接嵌入画布的创新工具。它让你在同一个界面中生成 UI、图形和演示文稿，并实时选中任意元素进行精细调整。通过与编码代理（如 Cursor 和 Claude Code）的 MCP 连接，你可以直接从设计稿交付代码。目前处于公开 Alpha 阶段。

核心功能

Wonder 的核心在于将 AI 设计能力无缝融入你的工作流。你可以在画布上直接生成设计元素，然后通过点击选择，利用 AI 对颜色、布局、文本等进行即时优化。这种交互方式打破了传统设计工具中“生成-导出-修改”的繁琐循环。

主要特性

• 实时协作画布：AI 代理与你在同一画布上工作，所见即所得。
• 元素级精调：选中任何 UI 组件、图形或文字，AI 即可根据上下文提供修改建议。
• MCP 连接：与 Cursor、Claude Code 等编码工具集成，设计完成后直接生成代码。
• 多场景支持：适用于 UI 设计、图形创作、演示文稿制作等多种场景。
• 公开 Alpha：早期版本，持续迭代，欢迎反馈。

适用场景

• UI/UX 设计师：快速生成界面原型，并与开发团队无缝对接。
• 产品经理：制作 pitch deck 或产品演示，无需切换工具。
• 开发者：从设计稿直接获取代码，加速开发流程。
• 创意工作者：探索图形设计灵感，实时调整细节。