Wonder

Wonder是什么

Wonder将设计画布从静态视觉稿升级为可理解、可复用、可协作的结构化工作空间。它强调“画布即代码”，让画布上的布局、组件与样式表达同代码语义保持对应；同时以AI原生能力贯穿设计生成、调整与评审过程，帮助团队在统一上下文中推进从想法到可交付设计的协作。

其核心价值不在于增加一个绘图工具，而在于缩短设计表达与工程实现之间的距离，让画布信息更接近可执行、可讨论、可复用的设计资产。

画布即代码的设计表达

在Wonder中，画布不只是展示结果，更是承载设计逻辑的入口。设计元素不仅呈现视觉效果，也保留结构关系与语义信息，便于后续修改和协作。

这种方式减少了设计与开发之间的转译损耗，也让设计稿在评审、迭代和复用过程中更具连续性。

AI原生能力如何融入设计

Wonder的AI能力不是外挂式点缀，而是围绕画布上下文参与设计过程。

• 通过自然语言指令生成或调整界面布局、组件与样式。
• 结合画布上下文理解设计意图，辅助完成重复性调整。
• 在迭代过程中快速尝试多种方案，降低从想法到可视结果的成本。
• 帮助团队围绕同一画布信息进行讨论与修改，减少表达偏差。

AI在这里承担的是设计过程中的协作助手角色，而不是替代设计判断。

设计协作的典型流程

1. 在画布中明确设计目标与基础结构。
2. 借助AI生成初稿或调整关键布局与组件。
3. 团队围绕画布进行评审，聚焦结构、样式与实现衔接。
4. 根据反馈继续修改画布表达，保持设计逻辑一致。
5. 输出更便于后续沟通与实现衔接的设计成果。

这一流程强调画布、AI与协作三者的联动，让设计讨论更集中，减少反复转述。

适用场景与协作价值

Wonder适合需要频繁沟通设计表达与实现细节的产品、设计与研发协作场景。对于快速验证想法、统一设计语言、减少设计到开发转译损耗的团队，画布即代码提供了更结构化的协作基础；AI原生能力则进一步降低重复操作成本，让团队把更多精力放在设计决策与方案打磨上。