画个 App 原型还得从空画布开始摆控件？等了半天设计稿发现是张不能改的图片？腾讯 2026 年 5 月刚公测的 Ardot，做的就是这件事，用自然语言直接生成可编辑的矢量设计稿，再通过 MCP 协议一键把设计丢进 IDE 变成代码。公测期间全功能免费，注册送 1000 Credits。到底是个 PPT 产品还是真能打的 Figma 替代，用了两周来说实话。
产品概述
Ardot 是腾讯设计（Tencent Design）自研的 AI 设计智能体平台，2026 年 5 月 18 日正式开启公测。官方给它的定位，AI 驱动的产设研协作平台。翻译成大白话就是：你说话，它出设计稿，设计稿还能直接变成能用的代码。
跟 Figma 或者 MasterGo 这种传统设计工具完全不是一回事。那些工具本质上是数字画布，给你一套强大的编辑能力，但前提是你自己知道怎么画。Ardot 的逻辑是反过来的：描述一下你想要什么，AI 帮你从零到一把界面搭出来，而且搭出来的每个元素都是矢量图层，生成后还能接着改。
目前支持 Web 端和 macOS 客户端，Windows 版暂时还没消息。背后是腾讯设计团队，就是做腾讯文档和腾讯问卷的那群人，技术能力和设计经验都有足够的积累。
到底强在哪
搞清楚它是干什么的了，来摊开看看它到底有哪些刀。
Ardot 的功能体系大概分三个层次：AI 生成层、专业编辑层、协作交付层。每层都不是独立存在的，而是串联成一个完整的设计到代码闭环。
| 层次 | 核心能力 | 说明 |
|---|---|---|
| AI 生成层 | 文生 UI、图转设计、AI 配图 | 输入自然语言或上传截图，直接产出可编辑矢量稿 |
| 专业编辑层 | 矢量编辑、动态布局、组件系统 | 保留 Figma 级别编辑深度，支持 Grid 布局和组件全局同步 |
| 协作交付层 | MCP 转代码、权限管理、实时协作 | 一键丢进 IDE 生成 CSS/SwiftUI/Compose 代码 |
最让我觉得有意思的是文生 UI 的质量。不是 Midjourney 那种只能看不能改的位图，每次生成的都是真正的矢量图层，按钮就是一个可编辑的按钮组件，不是画在 bitmap 上的一个方块。输入”做一个电商 App 首页，带轮播图、商品列表和底部导航”，大概几秒钟出来一个四层结构完整、排版基本合理的界面，部分细节比如间距一致性还是需要手动调。
另一个让人眼前一亮的是 Figma 文件导入。不是导出再导入的粗暴方式，而是直接识别并转换 Figma 的 Auto Layout、Constraints、Color Styles、Text Styles 甚至 Component Variant。导进来之后所有图层依旧可编辑，配合 Ardot 的 AI 能力继续加工。对已经在用 Figma 的团队来说，迁移成本几乎为零。
MCP 交付是个狠活。设计稿里的 Design Tokens（颜色变量、间距、字体）直接打包成结构化数据注入 IDE，支持 CodeBuddy、Cursor、Claude Code 等 MCP 兼容工具。开发不用再对着标注手动量尺寸，更不用反复确认”这里到底是 16px 还是 20px”。
怎么用
功能吹得再好，上手才知道好不好用。
去官网用微信扫码就能注册，不用填一堆表单。注册完直接进 Web 端工作台，界面整体偏简洁，左侧图层树、中间画布、右侧属性面板。Figma 用户不会有任何陌生感，连快捷键布局都很接近。
我第一个测试是”做一个音乐播放器 App 的首页”。输入描述后大概等了 几分钟，出来一个包含专辑封面、进度条、播放控制按钮和底部导航的界面。图层结构清晰，封面图片是 AI 自动生成的，风格统一。但播放按钮的图标稍微有点歪，我点中它，输入”把播放按钮改成正圆形、颜色换成蓝色”，AI 只改了这个元素，其他部分纹丝不动。
图片转设计稿我也试了。截了一张淘宝首页丢进去，自动识别出了搜索栏、轮播图、分类图标、商品卡片四个区域，每个都变成了独立图层组。准确率大概七八成，轮播图区域识别得很好，部分广告文案被错误归到了商品卡片层。但整体来说比我手动分层快多了。
有一个小槽点：目前还没有 AI 生成前的状态回退机制。如果你让 AI 改了一个复杂界面后觉得不满意，只能手动 Ctrl+Z 一步步回退，或者提前新开一个版本分支。
进阶玩法
基础的学会了，但有些操作不点出来你大概率不会发现。
很多用户不知道的几个功能：
-
局部精准修改：选中任意 UI 元素后直接输入自然语言描述，AI 只改这个元素。比如”把搜索栏从圆角改成直角、宽度加大到全屏”，不会触发整个页面重新生成。排版后期微调效率比手动拖控制点高得多。 -
批量图标生成：一次输入一组图标描述（比如”主页、搜索、购物车、我的、设置”），AI 批量生成风格统一的矢量图标。所有图标共享同一套色彩体系，不需要每个单独调色，省掉至少一半的图标物料时间。 -
MCP 设计注入：在设置里开启 MCP 连接后，CodeBuddy 或 Cursor 可以直接读取 Ardot 中的设计规范和组件结构。写前端的时候不需要切窗口看标注，AI 自动就知道你要调用的颜色变量和间距值。不过配置文档写得不够细，第一次大概率要踩坑。 -
Figma 渐进式增强：把 Figma 项目导入后，原有组件和样式全部保留，同时可以叠加 Ardot 的 AI 能力。比如在 Figma 里画好的列表组件，导入后让 AI 批量生成不同数据状态下的变体。
这些技巧大部分在官方帮助文档里能找到，但藏得比较深。建议抽半小时把 docs.ardot.tencent.com 的导航过一遍。
和同类比怎么样
自己用着好不算，和同类产品放在一起比才有说服力。
设计工具赛道现在确实热闹，Figma 稳坐头把交椅、MasterGo 和即时设计在国内抢地盘、Uizard 这类纯 AI 生成工具也在冒头。Ardot 的定位非常取巧：既不想做”又一个 Figma”，也不想当”只能出图的 AI”。
| 对比维度 | Ardot | Figma | MasterGo | Uizard |
|---|---|---|---|---|
| 核心定位 | AI 生成 + 专业编辑 | 在线协同设计 | 国产协同设计 | AI 原型生成 |
| AI 生成能力 | 文生 UI、图转设计 | 依赖插件 | 基础 AI 辅助 | 草图转 UI |
| 编辑深度 | 完整矢量 + 组件系统 | 专业级（最全） | 接近 Figma | 基础编辑 |
| 开发交付 | MCP 一键转代码 | 需第三方插件 | 基础标注 | 有限 |
| Figma 兼容 | 无损导入 | 自身 | 支持导入 | 不支持 |
| 定价 | 公测免费 | 个人 $12/月起 | 免费 + 付费 | 免费 + $12/月起 |
Ardot 最明显的优势是 AI 生成和 MCP 交付这条完整链路，从一句话到界面到代码，全在一个平台里闭环。Figma 的编辑能力和插件生态依然是行业标杆，但在 AI 这件事上一直很克制。MasterGo 和即时设计在国内市场协作功能更成熟，用户基数大，AI 生成层面差了一个身位。Uizard 这类纯 AI 工具编辑深度不够，更多只能算画草图的。
真实用户怎么说
参数上赢了，来听听真正用的人怎么评价。
关于 Ardot 的讨论现在集中在几个设计师社区和知乎上。正面声浪挺一致的，AI 功能”务实”、“不是花架子”。有个 UI 设计师说：“最打动我的是生成出来真的能改，不是一张 PNG，这点跟之前试过的其他 AI 设计工具完全不一样。” 一位独立开发者反馈 MCP 交付帮他省了至少三分之一的前端还原时间。
吐槽的点更实际。最常见的是”复杂页面还是要花时间打磨”，生成出来的框架不错，但涉及具体业务逻辑的交互状态（加载中、空数据、错误提示），AI 没法自动帮你考虑。还有一个高频声音是”正式定价没出来，免费用着但心里没底”。
整体来看，早期用户对 Ardot 的满意度偏高，尤其是”矢量可编辑输出”这个差异化点。但大家也都在等收费方案公布，免费期过了好用但用不起，那才是最大的劝退。
多维评分
口碑有好有坏，从专业维度给它打个量化分。
| 维度 | 评分 | 一句话解读 |
|---|---|---|
| 功能完整性 | ⭐⭐⭐⭐☆ | AI 生成+编辑+交付链路完整，缺 Windows 端 |
| 易用性 | ⭐⭐⭐⭐⭐ | Figma 用户零学习成本，零基础也能对话生成 |
| 性价比 | ⭐⭐⭐⭐☆ | 公测全免费，正式定价未知拉低预期 |
| 创新性 | ⭐⭐⭐⭐⭐ | MCP 转代码 + 矢量 AI 生成，赛道内首创 |
| 稳定性 | ⭐⭐⭐☆☆ | 中文排版偶尔不稳，大文件性能待验证 |
| 推荐度 | ⭐⭐⭐⭐☆ | 设计师和 PM 值得试，等定价再做决定 |
综合评分：7.8 / 10
创新和易用拉满了，MCP 交付是实打实的加分项。稳定性和定价不明是最大扣分点。公测阶段的表现已经超出”PPT 产品”的预期，但能不能稳住还看腾讯后续的资源投入。
优点和槽点
优势
-
矢量可编辑输出：AI 生成的不是位图，而是结构化图层和组件，生成了还能接着改 -
Figma 零成本迁移：无损导入 Figma 文件，完整保留 Auto Layout 和组件体系 -
MCP 一键转代码：设计变量直接注入 IDE，打通设计到开发之间的断层 -
企业级协作：三层权限 + 操作日志 + 离职回收，团队场景考虑周全 -
上手几乎零门槛：对话式操作，Figma 老用户和设计新手都能快速进入状态
不足
-
正式定价未知：公测免费但不敢放心用，万一正式收费后价格太高怎么办 -
复杂场景仍需人工：业务逻辑相关的交互细节 AI 覆盖不到，高端需求需手动精修 -
生态建设薄弱：没有插件市场，用户基数小，社区资源和模板库远不如 Figma -
Windows 客户端缺失：目前只支持 macOS 和 Web，Windows 用户被排除在外
适用人群
功能好不好是一回事，适不适合你是另一回事。
-
产品经理：快速产出界面原型用于需求评审和内部对齐，输入描述几分钟出设计稿，不用求设计师排期。这是 Ardot 当前最能打的使用场景。 -
UI/UX 设计师：适合当灵感探索工具和快速草图引擎，配合 Figma 导入做渐进增强。但把它当主力设计工具还为时过早，生态和成熟度跟不上。 -
前端/全栈开发者：MCP 设计转代码是最直接的效率提升。如果 IDE 支持 MCP，设计到代码的链路能缩短一半以上。独立开发者尤其受益。 -
中小创业团队：没有专职设计师但又需要快速出原型和 MVP 界面，Ardot 的 AI 能力和免费额度基本能满足需求。 -
暂不推荐的企业设计团队：插件生态、版本管理、跨团队协作流程还不够成熟，建议等正式版和商业化方案明确后再评估。
定价方案
适合不适合是一回事，钱包答不答应是另一回事。
| 版本 | 价格 | 核心权益 | 限制 |
|---|---|---|---|
| 公测版 | 免费 | 全部功能开放、1000 Credits 额度 | 正式定价未公布 |
| 正式版 | 未公布 | 待定 | 预计分层收费 |
目前 Ardot 处于公测阶段，所有功能限时免费，注册就送 1000 Credits。腾讯还没公布正式收费方案，但参考同类产品（Figma 个人版 $12/月、团队版 $45/人/月），加上 Ardot 背靠腾讯的免费策略基因，正式定价大概率不会太高。
但这里有个现实问题：1000 Credits 的消耗规则也不明确。不知道生成一次文生 UI 扣多少、导入一次 Figma 花多少。如果未来正式版收费太高，可能很多人用完公测就回流 Figma 了。
常见问题
看完评测你心里可能还有几个疑问，帮你一次问完了。
Q1：Ardot 现在收费吗？
A1：不收费，公测期全功能免费。 2026 年 5 月 18 日开始公测，所有功能限时免费开放，注册即送 1000 Credits 额度。正式收费方案尚未公布，预计未来会推出分层付费。
Q2：Ardot 和 Figma 是什么关系？
A2：互补关系，不是替代。 Ardot 支持无损导入 Figma 文件并完整保留其布局和组件结构，可以在 Ardot 中继续编辑并叠加 AI 生成能力。它不是要取代 Figma，而是在 Figma 工作流上做渐进增强。
Q3：AI 生成的设计稿能直接交付给开发吗？
A3：可以，通过 MCP 协议一键转代码。 设计稿中的颜色变量、间距、组件结构等信息打包注入 IDE，支持输出 CSS、iOS SwiftUI、Android Compose 三种代码格式。
Q4：文生 UI 的质量能直接上线吗？
A4：不能，需要人工精修。 AI 生成的框架完整、排版合理，但交互状态、业务逻辑细节和像素级精确度仍需设计师手动调整。更适合做草图、灵感探索和快速对方案。
Q5：支持哪些平台？
A5：Web 端和 macOS 客户端。 可以在浏览器直接使用，也可以下载 macOS 桌面客户端。Windows 版本尚未推出，Windows 用户只能使用 Web 端。
Q6：导入 Figma 文件会丢失数据吗？
A6：不会，Auto Layout、Constraints、Styles 和 Component Variant 都能完整保留。 导入后在 Ardot 中依旧可编辑，可以继续叠加 AI 能力进行二次创作。
Q7：生成的图片和设计稿版权归谁？
A7：归用户所有。 根据腾讯云服务协议，用户在 Ardot 中创作的原创内容版权归用户自己。企业版提供完整的权限管理和资产交接机制。
Q8：有没有原生中文支持？
A8：有，腾讯自研产品，原生中文适配。 从 UI 界面到 AI 自然语言理解都深度适配中文环境，对中文排版和设计规范的理解优于海外工具。
Q9：完全没设计经验的人能用吗？
A9：能用，但效果有天花板。 基本页面用自然语言就能生成，零设计基础也能上手。但如果目标是精致的高保真设计稿，缺乏设计审美还是会拖后腿。
Q10：1000 Credits 能用多久？
A10：官方未公布 Credits 消耗规则。 目前不知道生成一次文生 UI、导入一次 Figma 分别消耗多少 Credits，只能在实际使用中观察。建议先主要功能试一遍，关注消耗速度。
最后总结
Ardot 是一个定位精准、执行在线的产品。它没有试图去重新发明协作设计，而是在 Figma 已经验证过的专业编辑能力基础上，叠加了 AI 生成和 MCP 代码交付两条差异化曲线。对于产品经理、独立开发者和中小团队来说，公测期是个免费尝鲜的好窗口。
对于已经在 Figma 里沉淀了大量资产的专业设计团队，可以先把一两个项目导进去试试水。唯一让人拿不准的是价格，免费期有多长没人知道，正式收费后会不会劝退也没人知道。先试试不亏，但别急着做主力工具切换的决策。