2026/08/16
WorkBuddy的设计创意介绍
而是想法一旦要落到画布上，手就开始慢了。
保留正文、提示词、代码和图片链接。粘贴给 AI，再告诉它你的目标。
很多人做设计，最卡的不是没有想法。
而是想法一旦要落到画布上，手就开始慢了。
你脑子里有一个页面。
但你不会画。
你知道想要什么风格。
但说不清间距、字号、层级。
你想做一张海报、一页 PPT、一个登录页。
最后却在模板、素材、对齐和导出之间来回折腾。
WorkBuddy 的「设计创意」，就是为了解决这个断点。
它不是单纯让 AI 画一张图。
它把一句话的创意，接到设计画布里。
再把画布接到精细化编辑里。
最后还能接到应用代码里。
这件事真正有意思的地方，是它把“我有个想法”和“我有个能用的页面”之间，压成了一条工作流。
01 设计创意是什么？WorkBuddy × Ardot
官方文档里介绍，WorkBuddy 的设计创意模式深度集成了腾讯自研的 AI 设计平台 Ardot。
在这个模式里，你可以通过对话生成 UI、PPT、海报等设计稿。
生成后还能继续对话修改、云端同步，并随时跳转到 Ardot 做精细化编辑。
满意后，还可以一键生成应用代码。
这不是“画图玩具”。
它更像一条传送带：
想法进来。
设计稿出来。
编辑器精修。
代码落地。
02 入口：新建任务 → 设计创意
使用路径很直接。
打开 WorkBuddy 首页，点击「新建任务」，选择最右侧的「设计创意」Tab。
官方文档图：在新建任务中选择「设计创意」Tab。
首次使用时，会出现授权确认。
WorkBuddy 会通过登录手机号，自动完成和 Ardot 的身份关联。
也就是说，不需要你再单独注册一个腾讯设计账号。
确认授权后，就可以直接使用。
官方文档里提到，这里主要涉及三类权限：
- 读取画布内容；
- 编辑画布；
- 云端同步。
这三项权限很好理解。
WorkBuddy 要帮你改设计稿，就必须能看见画布。
要帮你调整元素，就必须能编辑画布。
要让不同设备、浏览器端和 WorkBuddy 里保持一致，就需要云端同步。
所以第一次授权，本质上是在把 WorkBuddy 和 Ardot 的画布打通。
03 对话生成设计稿：先别想太细，先把东西做出来
进入设计创意模式后，你可以直接用自然语言描述想要的设计。
比如：
- “帮我设计一个移动端登录页。”
- “帮我做一张产品发布会宣传海报。”
- “帮我制作一份 AI 硬件产品发布会 PPT。”
AI 会在 Ardot 画布上实时生成设计稿。
官方文档图：用自然语言描述需求后，AI 会生成设计稿。
支持的类型也比较宽：
- 移动端 App 界面；
- 网站页面 / Landing Page；
- 品牌 Logo；
- 海报 / Banner；
- PPT 演示文稿。
这一步最重要的不是一步到位。
而是先从 0 到 1。
很多人会卡在空白画布前。
越想越细，越不知道从哪里下手。
设计创意的价值，就是先帮你把第一版做出来。
第一版不完美没关系。
只要它出来了，你就可以开始改。
04 对话驱动修改：不用一次说完，可以边看边调
设计稿生成后，不是结束。
你可以继续通过对话修改。
官方文档里给了三种方式。
第一种，是智能框选加对话。
你在画布里选中要调整的位置，再描述修改。
比如：
“把这个按钮整体放大。”
“这块文字往上移一点。”
“这里换成更醒目的配色。”
这种方式适合局部精准调整。
第二种，是纯语言指挥。
不选中任何元素，直接描述全局修改。
比如：
“首页背景改成渐变蓝色。”
“整体风格更偏科技感。”
“把这页改得更适合发布会开场。”
第三种，是粘贴参考。
你可以粘贴网页链接，或者上传参考图片，让 AI 参考其他风格。
官方文档图：生成后可以继续通过对话精准修改。
这里有一个细节很重要：
每轮修改后，AI 会告诉你本轮具体改了什么。
这意味着修改过程是可追溯的。
不是你说完一句话，它在背后随便动一堆东西。
而是每次动了哪里，你能看见。
这对于做设计特别重要。
因为设计不是只有“好看”和“不好看”。
它还包括改动边界。
你要知道它这次到底改了按钮，还是改了整页结构。
05 跳转 Ardot：对话出 80 分，编辑器补最后 20 分
AI 对话很适合快速出稿。
但设计到了最后阶段，往往需要精修。
比如：
- 间距要不要再齐一点；
- 字号层级是否清楚；
- 颜色是不是太满；
- 元素对齐有没有偏差；
- 导出格式能不能交付。
这些事情，如果全靠对话说，会很累。
你说“往左一点”。
它可能往左太多。
你说“再小一点”。
它可能小过头。
所以官方文档里推荐：对话生成帮你从 0 到 80 分，Ardot 编辑器帮你从 80 分到 100 分。
点击画布顶部的「用浏览器打开进行编辑」，就能跳转到 Ardot 完整编辑器。
官方文档图：点击「用浏览器打开进行编辑」，进入 Ardot 编辑器。
进入编辑器以后，可以做更细的操作。
比如拖拽调整、点选修改、像素级对齐、组件化编辑、多格式导出。
官方文档图：Ardot 编辑器支持更精细的设计调整。
如果你不是专业设计师，它可以让你少学一堆复杂工具。
如果你是设计师，它也可以把 AI 初稿接到更专业的编辑流程里。
更关键的是，在 Ardot 里做的修改，会实时回流到 WorkBuddy。
你回到 WorkBuddy 后，Agent 也能读取最新画布状态，继续对话修改。
这就不是两个割裂的工具。
而是一条连起来的流程。
06 生成应用代码：设计稿满意后，继续往下落地
设计稿改到满意后，还可以继续往下走：生成应用代码。
官方文档里给了两种触发方式。
一种是在对话里说：
“将当前画布中的设计稿生成应用。”
另一种是点击画布顶部的「生成应用」按钮。
官方文档图：设计稿满意后，可以生成可运行的应用代码。
生成后，还能继续用对话调整代码细节。
比如：
- “加一个 dark mode。”
- “改成 Tailwind 样式。”
- “用 React 重写。”
这一步很适合做产品原型、活动页、落地页、内部工具页面。
以前设计和开发之间，经常隔着一堵墙。
设计稿做完了，还要等人切图、写代码、还原样式。
WorkBuddy 的设计创意模式，把这堵墙打薄了。
不是说它能替代所有专业开发。
而是它能让一个想法更快变成能跑起来的东西。
07 推荐工作流：3 分钟出稿，5 分钟精修，1 分钟生成代码
如果你第一次用，不用把流程想复杂。
可以按这个节奏来：
第一步，对话快速出稿。
先用一句话把设计方向说出来。
不要一开始就追求完美。
第二步，继续对话修改。
先处理大方向，比如风格、结构、颜色、内容层级。
第三步，跳转 Ardot 精修。
做对齐、间距、细节、导出这些更适合手动控制的事情。
第四步，回到 WorkBuddy 生成代码。
把满意的设计稿继续变成应用。
官方文档里的推荐节奏是：
对话快速出稿 3 分钟。
跳转 Ardot 精修 5 分钟。
回到 WorkBuddy 生成代码 1 分钟。
不一定每次都严格按这个时间。
但这个思路很重要：
不要让 AI 在它不擅长的地方反复猜。
也不要让人从 0 开始慢慢画。
AI 负责起稿和批量调整。
人负责审美判断和最后精修。
工具负责把画布送到代码。
这才是设计创意真正顺的地方。
08 使用前记住几个边界
设计创意很好用，但也要记住几个边界。
第一，首次使用需要完成 Ardot 授权连接。
第二，设计稿存储在云端，换设备登录后可以继续编辑。
第三，跳转 Ardot 编辑器需要浏览器环境。
第四，生成应用代码依赖当前画布里的设计稿状态。
也就是说，画布越清楚，生成出来的代码越有基础。
如果画布本身还很混乱，就别急着生成代码。
先把设计稿调到能看的程度，再往下走。
09 别把设计创意当“画一张图”
WorkBuddy 的设计创意，最值得看的不是它能不能画得漂亮。
而是它把几个原本断开的环节连起来了。
想法。
画布。
修改。
精修。
代码。
这些环节以前分散在不同工具里。
现在可以被放进同一个任务流里。
所以它适合的人，不只是设计师。
产品经理可以用它快速做原型。
运营可以用它做海报和活动页。
老师可以用它做课程 PPT。
独立工作者可以用它把一个灵感快速压成页面。
别把设计创意当画图玩具。
它更像一条从想法到落地的传送带。
你负责判断方向。
它负责把第一版推出来。
然后你再决定：改、精修，还是直接生成代码。
更多文章
邮件订阅
获取独立沉思录最新资讯
订阅邮件，获取最新文章、知识库与产品更新