腾讯上线 AI 设计平台 Ardot，一句话生成 UI 设计稿，AI 版 Figma

今天带大家一起体验一下。

🌟 工具名称：Ardot

🔗 工具地址：https://ardot.tencent.com/

一、工具介绍 🛠️

Ardot 是腾讯设计推出的一款 AI 驱动的智能设计平台，它不是单纯的 Figma 替代品，也不是简单的文生图工具。

它的定位更像是：Figma 的专业矢量编辑能力 + Lovart 的 AI 生成体验，融合成一套完整的设计工作流。

Ardot 支持文生 UI、图片转设计稿、矢量编辑、动态布局系统、设计系统管理，以及从设计到开发的完整交付流程，支持 macOS 客户端和网页端。

Ardot 优势在于：依托腾讯生态，具备与微信、QQ、腾讯文档深度整合的潜力，而且全中文界面、国内服务器，避免了 Figma 的访问问题。

Ardot 不只是 Figma 的国产替代，更像是 Figma + Lovart 的结合体，特别适合需要快速出稿、高频迭代的产品团队。

二、快速上手 🚀

Ardot 目前免费公测，首先打开官方网址 https://ardot.tencent.com/用腾讯账号登录即可使用，不需要邀请码：

进入工作台后，最核心的操作就是，用文字描述你想要的界面。大致流程包括：

• 文生 UI：输入自然语言描述（如"生成一个 WiseMindAI 官方网站的主页"），AI 自动生成完整界面
• 图转设计：上传任意图片（手绘草图、竞品截图、商品海报），AI 智能分层并转为可编辑设计稿
• 编辑调整：生成结果直接进入专业矢量编辑器，图层分开、组件可改、颜色可调
• 开发交付：设计完成后，一键复制 CSS/iOS/Android 代码，或通过 MCP 协议直通 Codebuddy 生成前端代码

整个过程非常丝滑，一段文字几分钟就能出一版完整界面，从零起稿的时间几乎都被 AI 完成。

比如，Chris 将 WiseMindAI 官网介绍文档发送给 Ardot，生成一份官网页面看看：

接下来 Ardot AI 会自动开始进行分析设计，一步步完成页面开发：

等待生成完成，就能看到完整页面，整体还是很好看的：

三、核心功能 🔍

1. 文生 UI

这是 Ardot 重要的功能，你只需要输入自然语言描述，比如"做一个 WiseMindAI 首页，含轮播图、商品卡片、底部导航"，AI 就能自动生成包含排版、图片和文字的完整界面原型。

不是一张静态图片，是可以直接进编辑器改的设计文件，支持 UI 局部精准修改：选中任意元素，用自然语言描述修改意图，AI 精准调整，无需重绘。

并且可以看到，Ardot 支持多个主流国产模型可以选择：

• 对话模型：Kimi-K2.6、GLM-5.1、GLM-5v-Turbo、DeepSeek-V3.2、MiniMax-M2.5 等
• 生图模型：kling-2.1、jimeng-4.0 等

2. 生成即可编辑

这一点必须单独拿出来说，因为这是设计师最关心的问题。

大部分 AI 生图工具生成的是一张合并的图片，你要改个按钮颜色，对不起，整张图重新生成。

Ardot 生成的是设计文件：

• 图层分开：每个元素都是独立图层
• 组件可替换：按钮、卡片、导航栏都可以单独换
• 颜色可修改：一键换主题色，全局联动
• 文字可编辑：不是图片上的字，是真的文本框

还支持基于业务组件生成 UI 设计稿：调用你的业务组件库，AI 一键生成符合规范的可编辑设计稿，生成出来就是你们团队的风格，不是通用模板。

3. MCP 能力

Ardot 还可以通过 MCP（模型上下文协议），通过 Ardot MCP，可以让 AI Agent（如 Claude、Cursor、Windsurf、CodeBuddy, WorkBuddy 等）能够直接读取和操作 Ardot 设计稿，实现设计与代码的双向联动。

详细可以查看官网介绍：https://docs.ardot.tencent.com/ardot-mcp.html

Ardot 同时支持 macOS 桌面端和 Web 端（PC 浏览器），Ardot MCP 优先支持 macOS 桌面端。

你可以在官网下载客户端，然后使用，使用方式如下：

1. 点击 Ardot 首页右上角的 MCP 配置入口。

1. 在配置弹窗中开启您所需的代码编辑器。

1. 打开任意 Ardot 设计文件，检查服务连接是否正常。

1. 在终端对话中输入您想要的设计内容。

4. 批量矢量图标

需要一整套风格统一的图标？以前要么一个个画，要么买图标库。

Ardot 的批量图标生成：输入文字描述或上传一个示例图，AI 一键生成整套风格统一的矢量图标，支持批量导出和二次修改，还可以把风格保存为模板，下次新项目直接复用。

5. 专业编辑能力

AI 生成只是起点，Ardot 的专业编辑能力也不含糊：

• 矢量编辑：支持斜切、3D 旋转、增强形状工具，复杂图形创作一样稳。
• 动态布局系统：Grid 网格布局、百分比定位、真实比例锁定，布局响应性能为同类工具的4倍，不同屏幕尺寸自动适配。
• 设计系统：组件、颜色、文本样式全局同步，一键复用，多主题切换。

6. 团队协作

Ardot 在团队协作和企业安全层面做了完整覆盖：

• 多人实时协作：在线评论、校对、版本对比，团队沟通零成本
• 开发者模式：高效查看标注信息、组件变体、快速复制代码
• 智能权限中心：精细分配查看、编辑、管理权限，行为全程追溯
• 数据安全：数据加密与容灾备份，ISO 及国家高新企业等各类安全认证

对于国内企业来说，数据合规和权限管控是刚需，Ardot 在这方面比 Figma 更贴合国内团队的管理习惯。

7. 深度融入腾讯生态

面向企业用户，Ardot 打通了完整的腾讯产研生态：

• 与 CodeBuddy、WorkBuddy 无缝打通，设计稿一键转代码
• 微信小程序端即将上线，移动端随时评审设计稿
• 1v1 专属客户经理 + 7x12 小时企业服务群

8. Figma 无缝导入

Ardot 支持直接导入 .fig 文件，完整保留原有的布局、样式和组件，确保从现有工作流平滑迁移，零成本切换。

四、收费情况 💰

Ardot 现已全面开放，所有功能限时免费使用，新用户注册赠送 1000 Credits 免费额度：

建议趁现在全面开放的赠送挺多的积分，赶紧体验。AI 设计工具这个品类，以后大概率付费。

五、总结 📝

腾讯设计 Ardot 通过描述即生成、生成即可编辑、设计直转代码的闭环设计，把 UI 设计生成的成本降到非常低，而且可以很灵活进行编辑调整。

光看介绍可能还不能完全体会 Ardot 的能力，推荐自己上手试试！