产品介绍
Wonder 将 AI 设计 agent 直接集成到画布中。生成 UI、图形和演示文稿，然后选择任意元素进行实时调整。通过 MCP 连接 Cursor 和 Claude Code 等编码 agent，直接从设计交付代码。现已开放公测。
适合谁关注
- 开发者和技术团队
- 设计师、内容创作者和视觉团队
- 正在评估 AI 工具或智能体落地的团队
可借鉴场景
- 快速理解 Wonder 的定位、核心能力和 Product Hunt 热度
- 判断“直接在画布上工作的 AI 设计 agent”这类需求是否值得做竞品调研
- 沿着 设计、图片与视频、开发者工具 继续发现同类产品和替代方案
- 筛选高票产品，观察海外用户当前愿意投票支持的产品形态
- 结合评论热度，判断该产品是否有真实讨论和早期用户反馈
245
投票数
15
评论数
4月30日
发布日期
作者自荐
总结
Wonder 瞄准了设计到开发流程中最核心的痛点：设计交接。传统工作流中，设计师在 Figma 等工具中完成设计，开发者再用代码重建，这个过程不仅耗时，还会丢失大量设计细节和意图。Wonder 的创新在于将 AI agent 直接嵌入设计画布，生成的不是静态图片而是可编辑、可直接交付的真实元素。更重要的是，通过 MCP 协议与 Cursor、Claude Code 等编码 agent 打通，实现了从设计到代码的无缝衔接。这种"设计即代码"的理念，可能会重新定义设计工具的形态。目标用户包括需要快速迭代的产品团队、独立开发者和设计师。潜在挑战在于 AI 生成质量的稳定性，以及如何在保持设计灵活性的同时确保代码的可维护性。
GitMemo免费开源
把 AI 对话保存到你的 Git 知识库
本地优先，支持 macOS 与 Android。剪贴板、截图、笔记和文件都能集中保存、搜索、同步。
获取安装包
嘿，Product Hunt 👋 我是 Aibek，Wonder 的联合创始人兼 CEO。今天对我们团队来说是个重要的日子。 🛠️ 一点背景故事 在 Wonder 之前，我和联合创始人 Boris 创建了 Superflex，一个 Figma 转代码工具，帮助数千名设计师和开发者将设计稿转化为可运行的代码。在这个过程中我们发现了一个重要问题：交接本身就是问题所在。设计师在一个工具中构建，开发者在另一个工具中重建同样的东西，大量的细节和意图在转译过程中丢失了。 于是我们提出了一个简单的问题：如果设计和代码从一开始就存在于同一个画布上会怎样？ 这个问题催生了 Wonder。 🎨 Wonder 是什么 Wonder 是一个直接在画布上工作的 AI 设计 agent。描述想要的内容，agent 完成设计，然后可以抓取任意元素进行实时调整、重新设计或修改。没有任何静态图片。看到的一切都是真实的、可编辑的、随时可以交付的。 ✨ 可以创建什么 - 网站和落地页 - 移动端界面和应用 UI - 营销图形和社交媒体内容 - 演示文稿封面和幻灯片 - 可直接集成到产品中的 UI 组件 - 直接在画布上生成的 AI 图像 🔌 连接编码 agent Wonder 内置 MCP 服务器，可以连接到 Cursor、Claude Code、Claude Desktop、Codex、Antigravity 和 Lovable。在 Wonder 中设计，然后让常用的编码 agent 直接将作品导入代码库。无需截图，无需从头重建。 💜 当前状态 我们正处于公测阶段，正在谨慎扩展。Wonder 免费试用并包含积分，Pro 版本解锁更多生成次数和代码导出功能。 非常感谢早期用户，以及塞尔维亚团队不间断地推进产品实现。 期待反馈、愿望清单和真实的想法。欢迎评论、试用，并告诉我们接下来想看到什么。 Aibek 🪄