腾讯 Ardot 公测：让 AI 把一句话变成可交付的设计稿和代码

产品更新

腾讯设计团队自研的 AI 设计智能体 Ardot 今日开放公测，主打文生 UI、Figma 文件直接导入和设计稿一键转代码，瞄准 Figma 留下的本土空缺。

腾讯 Ardot 今日公测：一句话起稿，一键转代码，设计师的活儿又被切走一块

5 月 18 日，腾讯云宣布自研 AI 设计智能体 Ardot 正式开放公测。官方给它的定位是"AI 驱动的产设研协作平台"——注意，不是"设计工具"，而是把产品、设计、研发三方拉到一张画布上的协作中枢。这个措辞的差异，基本就是 Ardot 跟即时设计、MasterGo 这一票本土 Figma 替代品最大的不同点。

往前数，2024 年 Figma 因合规问题在国内全面收紧之后，国产设计工具迎来过一波集体爆发，但大多停留在"把 Figma 抄一遍 + 加点 AI 插件"的阶段。Ardot 这次端出来的东西，明显是冲着重写工作流去的。

Ardot 文生 UI 演示界面，左侧自然语言输入，右侧实时生成可编辑设计稿

一句话生成"可编辑"设计稿，关键词在后半句

AI 文生 UI 这事不新鲜，Galileo、Uizard、Google Stitch、v0 都做过，但绝大多数生成出来的东西要么是图片，要么是一坨 HTML，丢回设计工具里基本得重画。Ardot 的差异在于强调生成结果是带变量、带组件、带布局结构的原生设计稿，可以直接进入二次编辑——这才是设计师能用得上的形态。

根据官方披露，Ardot 的 AI 能力大致分三层：

  • 文生 UI：自然语言描述生成 App 页面、官网、海报、插画、PPT，覆盖了从 UI 到营销物料的常见场景；
  • 图生稿：上传草图或参考图，自动分层、提取元素，转为标准化可编辑稿；
  • AI 助手补位：图层智能命名、链接转组件、AI 搜索资源、AI 配图，处理设计中那些零碎但耗时的杂活。

比较有意思的一个细节是 "调用团队自己的业务组件库"——AI 生成时不是凭空造组件，而是从企业既有设计系统里挑符合规范的元件来拼。这对中大型团队来说是刚需，因为一致性比好看更重要。Figma 的 Make/Code Connect 在做类似的事，但都没做到一句话直接出符合规范的稿。

Figma 文件直接导入：一个相当聪明的迁移策略

Ardot 支持直接导入 Figma 文件，保留原有布局、样式和组件结构。

这一步看起来朴素，实际上是迁移成本的关键。过去几年，国内团队即便对 Figma 的网络稳定性一肚子怨气，也很难真正搬走，原因就是历史资产太重——几百个文件、几千个组件，重新搭一遍的工作量没人扛得起。能无损吃下 Figma 文件，意味着 Ardot 不用从空白画布抢用户，可以直接接管存量项目。

这招其实即时设计、MasterGo 也都做过，但 Ardot 背靠腾讯设计团队（QQ、微信、腾讯文档这些产品本身就是它的内部用户），对真实工程化场景下 Figma 文件的复杂度处理，预计会更扎实一些。

设计转代码：和 CodeBuddy、Cursor、Claude Code 串成一条线

这部分是我个人觉得 Ardot 最有想象空间的地方。

传统的"设计转代码"方案，比如 Anima、Locofy、各种 Figma to Code 插件，本质都是把视觉信息翻译成 HTML/CSS。问题是设计稿里真正有价值的不是像素，而是变量、组件层级、约束关系、设计 token 这些结构化数据——这些信息一旦丢掉，生成的代码就只能当一次性参考，没法工程化复用。

Ardot 的做法是把整份结构化数据连同设计稿一起，整体喂给下游编码工具：

  • CodeBuddy：腾讯自家的 AI 编程助手，深度对接，一键代码还原；
  • Workbuddy / Cursor / Claude Code：通过 MCP（Model Context Protocol）协议接入。

MCP 这个标准过去一年从 Anthropic 推出后基本成了智能体生态的事实标准，Cursor、Claude Code、Cline 全都支持。Ardot 选择走 MCP 而不是私有协议，意味着它把自己定位成上游的"设计上下文供应方"，下游用什么 IDE、什么模型都行。这个开放姿态比想象中更聪明——AI 编码这块战场目前没人敢说自己能赢，那就别绑定，做好上游就行。

对开发者意味着什么？大致是这个流程：

  1. PM 一句话让 Ardot 生成首页设计稿；
  2. 设计师在 Ardot 里调整细节、对齐设计系统；
  3. 工程师在 Cursor 里通过 MCP 拉取这份稿，连同组件树、变量、间距、状态全部进入上下文；
  4. AI 直接生成符合项目代码规范的前端组件。

中间的人工沟通成本——讲真——能砍掉一大半。

协作和企业级能力：腾讯的传统强项

协作部分没什么惊喜，但都是必需品：

  • 多人在线实时编辑、评论、标注；
  • 版本对比和历史回溯；
  • 智能权限中心，分所有者/管理者/可编辑/可查看四级；
  • 全量行为日志，审计可追溯；
  • 离职自动回收权限，资产一键交接。

这些功能 Figma 企业版都有，但本土团队最在意的合规、私有化部署能力，这块腾讯云的底子能直接用上，企业销售环节会比新势力顺得多。

微信小程序版也即将上线，意味着评审、批注这些轻量动作可以直接在手机上做完——这对国内的产品评审节奏来说挺贴合，毕竟很多需求讨论本来就是在微信群里推进的。

一些判断

Ardot 这次公测，能看出几个信号：

第一，腾讯把内部多年积累的设计基础设施产品化了。 这个团队多年来支撑了腾讯系几乎所有 C 端产品的视觉体系，工具是从真实战场里磨出来的，不是从零做 demo。这一点比很多创业公司起点高。

第二，AI 设计赛道的竞争维度在变。 早期比的是"能不能生成"，现在比的是"生成的东西能不能被工程化使用"。Ardot 把数据结构、设计系统、MCP 接入这些工程侧的事情想得比较清楚，方向上是对的。

第三，对设计师来说，初稿、切图、标注这三件事基本可以交给 AI 了。 留给人的，是更前置的体验决策、更后置的细节品味、以及对 AI 输出的把关。这个变化已经不可逆。

当然问题也有。AI 文生 UI 的实际质量、对复杂业务场景的还原度、组件库 ingestion 后生成结果的稳定性，这些都得在公测里挨真实项目的捶。海报、PPT 这种营销物料并入同一工具，是优势还是分散精力，也得看后续迭代节奏。

公测期免费，需要申请资格，提供 macOS 客户端和 Web 双端。对于已经在用 Figma 的团队，建议先把一个非核心项目搬过去试试导入完整度；对于新立项的国内团队，倒是值得直接从 Ardot 起步——尤其如果你们工程侧已经在用 Cursor 或 Claude Code，这套链路跑通后的效率提升会比较直观。

参考来源