4月15日消息，AI 原生设计工具 Wonder（wonder.design）正式进入公开测试阶段，试图以“设计格式与代码1:1映射”的核心理念，彻底消除设计师与开发者之间的“交接摩擦”。
当前版本为 Public Alpha，用户可直接访问 https://app.wonder.so/ 开始体验。产品采用积分制定价：免费版每月提供 300 积分并支持代码导出，专业版起价为 20 美元/月，提供 3000 积分和无限项目支持。官网强调，设计师在 Wonder 的画布上进行的每一次编辑都直接对应可发布的真实代码，无需在设计与开发模式间切换，也不再需要独立的“设计稿交付”环节。
不只是 AI 插件，而是 AI 原生的设计环境
Wonder 将自身定位为“从底层为 AI 协同构建”的设计工具，而非在传统界面中添加 AI 功能。其宣传的三大技术支柱包括“设计即代码”的底层映射、支持着色器（Shaders）以提升视觉质量，以及直接连接编码代理（如 Claude、Cursor）的能力。 在产品演示中，用户可在同一画布上用自然语言描述需求，由 AI 实时生成界面元素或完整屏幕，生成的元素直接带有代码结构。这一流程与传统工具中先设计、再交由开发“翻译”为代码的模式形成鲜明对比。官网称，这使设计师“终于拥有从创意到发布的全流程控制权”。
定价差异化与拥挤的 AI 设计赛道
Wonder 的定价模式在竞争激烈的 AI 设计工具中显示出独特策略。其免费版 300 积分的额度，高于 Figma 免费用户每日 150 AI 积分（月上限约 500）的供给，但低于完全免费的 Pencil.dev。20 美元/月的专业版定价与 Figma 个人专业版（16 美元/月）及 v0（30 美元/月）处于同一区间，但 Wonder 强调其积分可用于无限次 MCP 工具调用，这在需要频繁对接外部服务的开发场景中可能形成优势。 行业近期动态显示，“设计到代码”的自动化正成为巨头押注的方向。2025 年 11 月，AI 代码编辑器 Cursor 完成 23 亿美元 D 轮融资后，于 12 月迅速推出 Visual Editor，直接进入设计工具领域。同月，Google 将旗下 AI 设计工具 Galileo 升级为 Stitch，进一步加剧赛道竞争。传统王者 Figma 则持续为其“Figma Make”等 AI 功能扩容，试图在保持协作生态优势的同时融入更多代码生成能力。
需要注意的是：早期测试阶段的现实挑战
尽管理念前瞻，Wonder 仍面临所有新生技术产品必须跨越的几重门槛。
首先是产品成熟度风险。当前 Public Alpha 版本意味着核心工作流可能尚未经过大规模复杂项目的验证，实际工程中是否真能实现“设计即代码”的无损转换，仍需更多真实用例佐证。官网未提供详细的技术架构文档或与主流前端框架（如 React、Vue）的集成深度说明，这为开发者评估其生产可用性带来不确定性。
其次，创始团队与融资背景的透明度不足。官网未披露核心团队成员姓名、背景或以往项目经历，仅以“Proudly supported by”的模糊表述展示支持方。在 AI 设计工具高度依赖技术洞察与生态建设的当下，团队的执行力与行业资源将成为产品能否持续迭代的关键。未公开的融资情况也令外界难以判断其长期研发投入能力。
最后，市场竞争的激烈程度可能超出预期。Cursor 凭借在开发者社区的深厚积累，其 Visual Editor 可直接与代码编辑器深度集成；Figma 拥有超过 1500 万设计师的成熟生态；Google Stitch 则背靠庞大的云与 AI 基础设施。Wonder 需要证明其“AI 原生”与“着色器支持”等差异化功能，足以让设计师愿意迁移既有的工作流与资产。
对设计师与开发者的实际意义
对于长期受困于“设计-开发鸿沟”的团队，Wonder 提供了一种值得关注的新思路：如果设计工具从诞生之初就将代码视为一等公民，协作流程或许真的能被重构。早期采用者可以借助免费额度亲身体验“AI 在画布上协同设计”的流程，判断其是否适合自己的项目节奏。
但任何工具迁移都伴随成本。在 Wonder 尚未展示出与 Figma 等工具相当的插件生态、版本管理与企业级权限管控能力之前，将其用于关键生产项目仍需谨慎。行业观察者更应关注的是，Wonder 所代表的“设计即代码”理念是否会推动整个赛道向更深的代码集成方向发展，而不仅是又一轮功能竞赛。
Wonder 的公开测试只是一个开始。它能否真正让设计师“拥有完整循环”，不仅取决于技术实现，更取决于能否在巨头的夹击中，找到足够坚定且愿意为其愿景付费的早期用户群体。
AI 速览
