设计 × Coding
1688 设计部 · 团队工具 · 2025 · Design Agent & Canvas
DesignX
多 Agent 设计画布：一句话生成海报、界面代码、三视图、分镜
0
类专职 Agent
0
种扩展：全能模式 / 自定义 Agent
0
张可再编辑的画布
产品定义 · 交互与视觉 · AI Coding 实现
设计团队里最消耗时间的，不是「想」，而是把想法做成可看、可改、可交付的东西。DesignX 把这一段交给 Agent：一句话描述需求，专职 Agent 规划并生成海报、界面代码、手办三视图或电影分镜；结果落在画布上，可以继续对话式再编辑；知识库与规范保证输出的一致性。整个产品由我以 AI Coding 方式实现。
Agents
四类专职 Agent，两种扩展方式
- 01营销设计 Agent
海报视觉生成 · AI 图像再编辑
从一句活动描述到成组海报，画布上继续改字、改色、改构图。
- 02UI 设计 Agent
界面代码生成 · 可视化再编辑
生成可运行的界面代码而非贴图，设计师直接在画布上调整。
- 03IP 设计 Agent
手办 IP 设计 · 一键生成三视图
角色概念 → 正 / 侧 / 背三视图，用于后续建模与周边延展。
- 04视频分镜 Agent
电影分镜生成 · 预测下一分镜
按剧本节奏生成分镜画面，并推演下一镜内容。
- 05全能模式
自主规划 · 完整调用已有能力
复杂需求由 Agent 自行拆解，串联多个专职 Agent 完成品牌概念、Logo 与物料。
- 06自定义 Agent + 知识库
角色 / 思考 / 技能 / 行为 · 一致性控制
团队按业务定义自己的 Agent；图片资产与设计规范作为知识库，保证输出一致。
Why it matters
对设计负责人来说，AI Coding 是把「判断」直接变成产品的方式
DesignX 不是一个 Demo，而是团队每天在用的工作台。它验证了两件事：其一，设计师定义清楚 Agent 的角色、思考方式与技能边界，输出质量就可控；其二，能写代码的设计判断，能把从想法到验证的周期压缩到以天计。