Wonder

Wonder 是一款面向产品团队的 macOS 应用，官方定位是「你和你的智能体在同一块画布上设计与编码」。它把团队成员、AI 智能体和线上产品拉进同一个工作空间，官方称可以在探索想法与上线改动之间往返，而不在设计与代码的「翻译」过程中丢失细节。首页还显示 Arc、Monaco、Coder、Tenderly 等团队的成员在使用它。

核心能力

• 同画布协作：官方称将团队、智能体与线上产品放在同一块画布上，设计、编码与产品预览在一个空间完成，避免细节在交接中丢失。
• 接入已有智能体：官方称可以把你已有的智能体订阅带进来，订阅、技能与插件都能随行使用，无需为智能体单独换一套环境。界面中出现 Opus、Claude Code 等选项，具体可用模型以产品内为准。
• 从线上产品到可编辑设计：官方称支持「live product 到 editable design，再回来」的双向流程，即从已上线的页面生成可编辑设计稿，改完再回到代码。
• 作品发现与收藏：内置艺术家作品区，官方称可以发现独立艺术家、浏览摄影与建筑等收藏集，并收藏打动自己的作品。
• 聊天与仓库工作流：界面提供新建聊天、仓库、Playground、设计系统与智能标签等功能，支持描述需求、生成草稿 PR 并审查变更。

适合谁

• 前端与设计协同的团队，想减少设计稿到代码之间的来回确认。
• 独立开发者，需要在一个界面里同时处理设计稿、代码仓库与 AI 对话。
• 维护设计系统的工程师，官方界面提供设计系统面板与 Playgroud 语境下的组件探索。
• 正在为团队选型 AI 辅助研发流程的负责人，想带着已有智能体订阅试用。

使用建议

• 官网提供 macOS 下载入口，也有 Request a demo 通道；建议先装客户端，用一个小仓库跑通「描述需求到草稿 PR」的完整流程再评估。
• 把已有的智能体订阅先接入再用，避免同时维护多套工具；不同模型的实际效果差异较大，建议在同一个任务上横向对比。
• 用线上产品反向生成可编辑设计时，先挑结构简单的页面验证还原度，再扩展到复杂页面。
• 产品的 Headless MCP、大文件加速、Grid layouts 与 Wonder Capture 等能力都记录在官网 Changelog 与 Roadmap 里，评估前先看一眼更新节奏。
• 订阅、授权与商用范围以官方说明为准，官网规则可能调整，接入团队流程前建议确认最新条款。