腾讯上线 AI 设计平台 Ardot，一句话生成 UI 设计稿，AI 版 Figma
腾讯上线 AI 设计平台 Ardot，一句话生成 UI 设计稿，AI 版 Figma
来源类型： 微信公众号文章
日期： 2026-06-02
标签： AI, 办公效率, 网络安全, 编程, 大模型
原文链接： https://mp.weixin.qq.com/s/lvG4yt6AX-q8_h8HQ82dgg
摘要
关注 “AI 工具派” 探索最新 AI 工具，发现 AI 带来的无限可能性！ Hi，我是Chris，一个专注于探索各类 AI工具的博主，与大家一起发掘 AI 的潜力。我正在开发WiseMindA，期待它能成为提升学习好搭子。 Hi，我是 Chris。 之前一直在关注的腾讯设计 Ardot 今天终于是公测了，这是一款把 Figma 的专业编辑能力和 AI 的生成体验深度融合的设计平台，AI 生成的不是图片，是能继续改的设计稿。 今天带大家一起体验一下。 🌟 工具名称：Ardot 🔗 工具地址：https://ardot.tencent.com/ ## 一、工具介绍...
核心内容
关注 “AI 工具派”
探索最新 AI 工具，发现 AI 带来的无限可能性！
Hi，我是Chris，一个专注于探索各类 AI工具的博主，与大家一起发掘 AI 的潜力。我正在开发WiseMindA，期待它能成为提升学习好搭子。
Hi，我是 Chris。
之前一直在关注的腾讯设计 Ardot 今天终于是公测了，这是一款把 Figma 的专业编辑能力和 AI 的生成体验深度融合的设计平台，AI 生成的不是图片，是能继续改的设计稿。
今天带大家一起体验一下。
🌟 工具名称：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 桌面端。
你可以在官网下载客户端，然后使用，使用方式如下：
- 点击 Ardot 首页右上角的 MCP 配置入口。
- 在配置弹窗中开启您所需的代码编辑器。
- 打开任意 Ardot 设计文件，检查服务连接是否正常。
- 在终端对话中输入您想要的设计内容。
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 现已全面开放，所有功能限时免费使用，
...(内容截断，完整内容请查看原文)
本页由自动化脚本生成，待人工审核补充