夜雨聆风学习资料网

ARTICLE · 1183714

AI时代的设计工具:Ardot

AI时代的设计工具:Ardot
不久前,我把主力原型工具从墨刀换成了 Ardot。
原因:墨刀对外开放的工具太少了,不是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 跑在服务器等装不了客户端的环境,或者你就是想"随时随地开工"。

相关学习资料