返回 FEED
AGENT2026-05-18

阿里云 QoderWork 语音设计工作台:说句话生成可运行网页

阿里云 QoderWork 正式上线设计工作台 Design Desk,定位是原生 AI 驱动的「设计即代码」工具。

用户通过语音直接描述需求,系统在无限画布上生成可运行、可编辑的设计产物,并支持一键导出为 React + Vite 工程进入研发环节。

核心机制:三层控制降低 AI 随机性

为了控制生成的不确定性,平台重构了生产流程,内置三套核心机制:

1. 主动追问(Questions)

遇到输入信息不足时,AI 优先结构化追问确认意图,而非盲目猜测试错。这一步将无效迭代降至最低。

2. 计划前置(Design Plan)

生成前先输出结构化的布局与风格大纲,经用户把关后再执行。方向对齐在前,避免生成后大面积返工。

3. 参数微调(Nudge)

生成后直接暴露配色、间距、圆角等关键变量,无需重新描述即可调节。设计产物不再是交接后不可修改的静态黑盒。

三种角色的使用场景

设计师:定向迭代、多端协作

传统流程中,每处修改都意味着重新导出切图、更新标注、同步研发。QoderWork 将迭代压缩至画布之内:圈选区域、标注意图,AI 基于画面上下文即时调整;通过 Nudge 实时微调配色与间距,反复精修直到满意;最终导出 React + Vite 工程,研发可直接接入业务逻辑,跳过「设计稿→标注→沟通→还原」的多轮内耗。

产品经理:随时更新高保真原型

高保真原型依赖设计师排期且周期较长,无法及时响应需求变化。在设计工作台中,产品经理选定风格参考、描述页面结构,几轮交互后即获得可点击的高保真原型,直接用于需求评审或团队汇报。

市场运营:几句话生成多场景交付物料

市场运营视觉需求频次高、窗口短。输入主题与调性,通过 Design Plan 确认方向后即可生成;切换风格参考即获得不同方向,覆盖海报、Banner、落地页等高频需求。

设计产物的本质变化

传统设计工具的核心是云端协作的矢量编辑,解决的是设计师之间的协作问题。但设计到代码的交接仍然有损。

QoderWork 的定位不同:设计文件不再是交付后不可触碰的黑盒,而是团队共同维护的代码资产。这种模式直接跳过了传统开发中设计稿切图、标注、前端还原的多轮内耗。

设计工作台是 QoderWork 自定义工作台的首个细分领域模式,后续还将有更多灵活、可拓展的工作台持续生长出来,每个工作台都拥有独立的视图、工具和产物标准,同时共享统一的 Agent 底座与任务系统。