ARTICLE · 1183714
AI时代的设计工具:Ardot

产品经理真正需要的,从来不是"更好用的画图工具",而是一个能替我画图的 Agent。
Arodt开放的这些mcp工具,完全可以DIY成多个skill,任意搭配
举个我们自己的例子。
我们是一家工业机器人公司,日常有大量的原型要画,而且每一版都得拿去跟客户确认。放在以前,我们只能在墨刀模板上一点点改;订单一多,根本忙不完。
转到 Ardot 之后,情况不一样了。我们把历史沉淀下来的原型图片整理好,又用 Ardot 开放的 MCP 能力做了一个 skill。现在再来新订单,只要让 AI 先理解这次要做什么,再参考已有模板,很快就能出一版原型。
| Ardot 开放了什么?
先说说 Ardot 是什么。
它是腾讯自研的 AI 设计智能体平台,定位为"AI 驱动的产设研协作平台"。最直观的能力是——一句话生成可编辑的 UI 设计稿。
注意,是"可编辑":生成出来的是带矢量图层、能继续修改的源文件,而不是一张"只能看、不能改"的图片。它还支持直接导入 Figma 文件,原有的布局、样式、组件都能完整保留。
但真正让我下决心迁移的,是它通过 MCP 把设计能力开放了出来。
这意味着,任何支持 MCP 的 Agent——WorkBuddy、CodeBuddy、Cursor、Claude Code、Codex……——都能直接读取、修改,甚至从零生成 Ardot 的设计稿。
一句话总结:Ardot 既是给人用的设计工具,也是给 Agent 用的设计工具。
| 效果测试
我外部Agent组合是 Zcode + deepseek-v4.1-flash。
这里要特别说一句:视觉模型,是搭配 Ardot 最顺手的工具。 原因有三个:
能看结果
能学参考
能接着干

登录页面

首页:

创作页:

创造空间页面:

| 使用教程
最省事的方式——直接把下面这句话丢给 Agent,让它自己写配置:
帮我配置 Ardot 云端 MCP:服务名称 ardot-remote,类型 http,地址 https://ardot.tencent.com/mcp。配置完成后如需信任或 OAuth 授权,请提示我按所用 AI Agent 的流程完成。
完成后,新建一个对话,随便说一句来验证:
使用 ardot-remote MCP,创建一个设计文件
如果 Agent 能顺利创建文件,说明云端 MCP 已经连通。接下来就可以让它读写画布、导出资源,正式开工了。
Ardot 把 MCP 做成了两种接入方式,场景不同,选择也不同。
本地 MCP
Ardot 客户端在打开设计文件时,在后台提供服务;
需要保持 Ardot 打开,并加载设计稿;
直接操作本机当前设计稿,等同于手动设计,没有额外的频率限制;
适合:处理较大的设计稿、需要大量编辑操作的场景。
云端 MCP
通过云端地址连接,不需要安装,也不需要打开 Ardot 客户端;
随时随地都能让 Agent 去创造;
首次连接需要完成一次 OAuth 授权;
适合:Agent 跑在服务器等装不了客户端的环境,或者你就是想"随时随地开工"。















































































