量子位新产品速递

腾讯 Ardot 公测:设计稿生成之后,直接出代码

腾讯云 5 月 18 日宣布自研 AI 设计智能体平台 Ardot 正式公测。区别于只能生成静态图的 AI 设计工具,Ardot 产出可编辑原生矢量设计稿,并通过 MCP 协议打通 CodeBuddy 实现一键转代码,支持 Figma 导入和多人实时协作。

腾讯云在 5 月 18 日宣布自研 AI 设计智能体平台 Ardot 正式公测。这不是又一个 AI 生图工具——它打通了「描述需求→可编辑设计稿→交付代码」这条完整链路,目标对准的是长期折磨产品、设计、开发三方的协作效率问题1

核心能力

Ardot 的关键设计在于「生成出来的稿可以改」。过去大多数 AI 设计工具输出的是一张图——视觉效果可以,但死的,改不了。Ardot 生成的是原生矢量层,支持局部精准微调,也可以调用团队自己的业务组件库,直接产出符合规范的可编辑稿1
几个具体能力点:
  • 文生 UI:输入自然语言需求,流式生成 App 页面、官网、海报、PPT 等多种形态,支持上传图片后自动分层转为可编辑设计稿
  • Figma 兼容:已有的 Figma 文件可以直接导入,保留布局、样式和组件,不需要重新搭建
  • 一键转代码:通过腾讯 CodeBuddy 一键还原代码,同时兼容 Cursor、Claude Code 等主流 IDE;设计数据通过 MCP 协议推送
  • 多人实时协作:多人同屏审稿,类似 Figma 的实时协作模式,但 AI 在旁边2
リンクプレビューを読み込んでいます…

与市场上其他产品的差别

同期(5 月 18 日)阿里云也发布了 AI 设计工具 QoderWork Design Desk,同样瞄准产设研协作。两者策略不同:QoderWork 的逻辑是「先追问对齐需求,再动手生成」;Ardot 更强调生成速度和后续可编辑性3
Ardot 目前支持 macOS 客户端和网页端,公测期间免费使用。

观察角度

腾讯在代码工具(CodeBuddy)与设计工具(Ardot)之间打通 MCP 协议,意味着腾讯在布局一条从「产品需求→设计稿→代码」的完整 AI 内部工作流。这条链路上的工具目前各家都在抢,能否做到真正的数据互通是关键。单独的 AI 设计工具市面上已有不少,Ardot 的差异在于背后的 IDE 生态是自己的——设计稿直接进 CodeBuddy,减少了格式转换的摩擦2
リンクプレビューを読み込んでいます…

このコンテンツについて、さらに観点や背景を補足しましょう。

  • ログインするとコメントできます。