Ardot 是腾讯推出的 AI 智能设计工具,定位”Figma + Lovart”结合体。Ardot 通过文生 UI、图转设计、即时生成等功能,让用户用自然语言快速生成可编辑的界面原型,同时保留专业矢量编辑、组件库管理和开发交付能力。Ardot 核心优势在于用 AI 重塑设计工作流,实现”AI 灵感激发→人工精修”闭环,适合快速原型、高频改稿及中小团队敏捷开发。
工具介绍
Ardot 由腾讯 2026 年推出,定位为”AI 智能设计工具”,核心亮点是文生 UI + 图转设计 + 即时生成能力。平台实现”AI 灵感激发→人工精修”闭环,适合快速原型、高频改稿及中小团队敏捷开发,适合产品经理、设计师、独立开发者使用。
核心功能
1. 文生 UI
支持输入自然语言描述即可自动生成包含排版、图片和文字的完整界面原型。
2. 图转 UI
上传任意图片可快速转换为可编辑的设计稿,方便二次创作。
3. 即时绘图
支持直接在画布内呼叫 AI 生成所需插图,无需切换其他工具。
4. 动态布局
工具采用 Grid 网格和百分比定位技术,实现界面在不同屏幕尺寸下的自适应调整。
5. 组件库管理
支持将颜色、字体、按钮等元素保存为本地样式,修改一处即可全局同步更新。
6. 矢量编辑
提供斜切、3D 旋转等 W3C 标准变形工具,满足专业图形绘制需求。
7. 开发标注
自动生成 CSS 代码片段并提供精准尺寸标注,直接对接前端开发。
使用场景
- 产品经理:用文生 UI 快速生成界面原型,提升产品设计效率
- 设计师:用图转 UI 快速将参考图转为可编辑设计稿
- 前端开发者:用开发标注功能自动生成 CSS 代码片段
- 独立开发者:用 Ardot 一站式完成界面设计到开发交付
- 中小团队:用组件库管理实现设计系统统一与协同
价格方案
| 版本 | 价格 | 适用说明 |
|---|---|---|
| 体验版 | 联系销售 | 体验 AI 智能设计能力 |
| 团队版 | 按月/年付费 | 解锁完整功能与团队协作 |
功能特点
- 腾讯推出的 AI 智能设计工具
- “Figma + Lovart”结合体定位
- 文生 UI + 图转 UI + 即时绘图
- 动态布局(Grid 网格 + 百分比定位)
- 组件库管理 + 矢量编辑
- 自动生成 CSS 代码片段与开发标注
上手指南
1. 访问 [d.qq.com](https://d.qq.com/) 注册 Ardot 账号
2. 选择创作模式:文生 UI、图转 UI 或即时绘图
3. 输入自然语言描述,或上传参考图片,AI 自动生成界面原型
4. 用动态布局(Grid 网格 + 百分比定位)适配不同屏幕尺寸
5. 通过组件库管理实现颜色、字体、按钮等样式统一
6. 启用开发标注功能,自动生成 CSS 代码片段与尺寸标注
常见问题
Ardot 是免费的吗?
提供体验版可试用 AI 智能设计能力,完整功能与团队协作需订阅团队版。
文生 UI 是什么?
支持输入自然语言描述即可自动生成包含排版、图片和文字的完整界面原型,大幅降低设计门槛。
支持矢量编辑吗?
支持。Ardot 提供斜切、3D 旋转等 W3C 标准变形工具,满足专业图形绘制需求。
能生成 CSS 代码吗?
能。自动生成 CSS 代码片段并提供精准尺寸标注,直接对接前端开发。
和 Figma 有什么区别?
Ardot 在 Figma 基础上叠加 AI 能力(文生 UI/图转 UI/即时绘图),实现”AI 灵感激发→人工精修”闭环,定位为”Figma + Lovart”结合体。
