设计工作台是 QoderWork 自定义工作台的首个细分领域模式——一个 AI 原生的”设计即代码”画布：用自然语言（或语音）描述需求，就能在无限画布上获得可运行、可编辑、可交付的设计产物。 不同于以”云端协作矢量编辑”为核心的传统设计工具，设计工作台把成果物视为团队共同维护的代码资产：从第一步起设计师与研发就操作同一份可运行文件，设计产物可以一键交付到 Qoder IDE，省去设计到代码之间的有损交接。Documentation Index
Fetch the complete documentation index at: https://docs.qoder.com/llms.txt
Use this file to discover all available pages before exploring further.
使用场景
设计师——定向迭代、多端协作
传统流程中，每一处修改都意味着重新导出切图、更新标注、同步研发、验收还原。设计工作台把迭代压缩到画布之内：圈选区域、标注意图，Agent 基于画面上下文即时调整；通过 Nudge 实时微调配色与间距，反复精修直到满意。设计产物保留可读、可接手的工程文件结构。产品经理——随时更新高保真原型
高保真原型能直观展现产品方向，但通常依赖设计排期。设计工作台为产品经理提供了第三条路径：信息不足时 Agent 先结构化追问对齐意图，再经设计计划确认方向，即可在画布上获得具备设计品质的可交互原型，直接用于需求评审或团队汇报。市场运营——多方向并行生成
单场活动涉及主视觉、Banner、落地页等多项产出，设计资源有限往往只能交付单一方向。设计工作台支持多方向并行：输入主题与调性，通过设计计划确认方向后即可生成；通过 自动选择风格参考 切换风格即获得不同方向，覆盖海报、Banner、落地页等高频需求。工作原理
设计工作台通过三个机制重构了 AI 生产设计的流程：- Questions——输入不足时 Agent 先追问对齐意图，而非猜测执行，把无效迭代降到最低。
- Design Plan——Agent 在生成前会在 计划 标签下输出结构化设计计划（布局、风格、内容层级），经你确认后才执行。
- Nudge——生成后，配色、间距、圆角等关键决策以可调参数暴露，无需重新描述就能微调。
工作区
右侧画布提供 5 个标签：| 标签 | 用途 |
|---|---|
| 画布 | 无限画布，Agent 在这里生成与编辑 |
| 设计文件 | 画布背后的工程文件 |
| 预览 | 把设计当作真实界面预览运行效果 |
| 风格参考 | 查看和切换设计当前使用的风格参考 |
| 计划 | Agent 生成前所依据的结构化设计计划 |
创建设计
描述需求
用自然语言或语音描述需求，尽量明确目的、关键模块和调性，例如：“设计一个高保真 AI 产品首页，需要品牌导航、强标题、产品价值主张、主 CTA、辅助 CTA、产品 UI 预览。”截图和链接可以直接粘贴到输入框。点击麦克风图标可使用 语音输入。
（可选）选择风格参考
在输入框下方点击 自动选择风格参考 下拉，在生成前先锁定整体调性——保持 自动选择风格参考 让画布从 161 个参考中自动挑选；也可以选择 Airbnb、Apple、Carbon、Cloudscape 等具体风格，顶部搜索框可按名称过滤。
继续迭代
不需要从头重写需求，迭代直接在原画布上进行。- 追加任务：在底部输入框继续追加指令，Agent 会在当前步完成后接着处理。
- 打断当前生成：输入框旁的停止按钮可以中断正在进行的生成。
- 画布上圈选并标注：选择某一区域，告诉 Agent 改什么——它会基于画面上下文调整，而不是整体重新生成。
- Nudge 微调关键参数：生成后配色、间距、圆角等以可调参数暴露，无需重新描述就能微调。
- 中途切换模型：输入框旁的模型下拉（例如 标准 / 旗舰）可以为下一步切换模型。
- 直接编辑工程文件：进入 设计文件 检查或编辑源码，必要时切到代码层处理。