腾讯设计 Ardot

正常新站

🔗 https://d.qq.com/

📅 2026-04-16 👁 41次浏览

腾讯设计 Ardot 是一款 AI 驱动的智能设计工具。支持文生 UI、图片转设计稿、矢量编辑、动态布局系统、设计系统管理，以及从设计到开发的完整交付流程。免费使用，支持 macOS 客户端和网页端。

腾讯设计 Ardot AI设计工具智能设计文生UI 图片转设计稿矢量编辑设计系统动态布局 UI设计设计协作设计到开发 Figma替代免费设计工具

🚀 立即访问

📖 详细介绍

Ardot是什么

Ardot 是腾讯推出的 AI 智能设计工具，定位”Figma + Lovart“结合体。Ardot 通过文生 UI、图转设计、即时生成等功能，让用户用自然语言快速生成可编辑的界面原型，同时保留专业矢量编辑、组件库管理和开发交付能力。Ardot 核心优势在于用 AI 重塑设计工作流，实现”AI 灵感激发→人工精修”闭环，适合快速原型、高频改稿及中小团队敏捷开发，访问官网填写腾讯设计Ardot体验资格预留表，可提前解锁高效设计新体验。

Ardot的主要功能

文生 UI：支持输入自然语言描述即可自动生成包含排版、图片和文字的完整界面原型。
图转 UI：上传任意图片可快速转换为可编辑的设计稿，方便二次创作。
即时绘图：支持直接在画布内呼叫 AI 生成所需插图，无需切换其他工具。
动态布局：工具采用 Grid 网格和百分比定位技术，实现界面在不同屏幕尺寸下的自适应调整。
组件库管理：支持将颜色、字体、按钮等元素保存为本地样式，修改一处即可全局同步更新。
矢量编辑：提供斜切、3D 旋转等 W3C 标准变形工具，满足专业图形绘制需求。
开发标注：自动生成 CSS 代码片段并提供精准尺寸标注，消除设计与开发之间的沟通障碍。
权限管理：支持管理者、编辑、查看者等多角色权限分离，配备操作日志追踪和离职自动回收功能保障项目安全。

Ardot的关键信息和使用要求

产品定位：腾讯推出的 AI 自动化设计平台，融合 Figma 的专业设计能力与 Lovart 的 AI 生成体验，主打”AI 驱动 + 人工精修”的设计工作流。
核心能力：文生 UI、图转设计、即时 AI 绘图、动态布局系统、组件库管理、矢量编辑、开发代码自动生成及团队协作权限管理。
技术底座：底层接入 DeepSeek 等大语言模型提供 AI 能力支持。
当前状态：填写腾讯设计Ardot体验资格预留表，可提前解锁高效设计新体验。
平台：基于 Web 端使用，支持主流浏览器访问。

Ardot的核心优势

AI 原生设计工作流：不同于传统设计工具的 AI 插件化，Ardot 从底层重构”描述即生成”的创作模式，让 AI 成为设计起点而非辅助。
生成即可编辑：文生 UI 和图转设计的结果直接进入专业编辑器，打破”AI 生成后需重新绘制”的断点，实现无缝迭代。
专业级设计深度：保留 Figma 级别的矢量编辑、组件系统和布局能力，避免纯 AI 工具”生成惊艳、修改困难”的短板。
开发交付闭环：自动生成 CSS 代码和精准标注，设计稿直接对接前端开发，减少跨角色沟通损耗。
国产生态适配：针对中文设计场景优化，更贴合国内团队的协作习惯和交付标准。

如何使用Ardot

访问官网：访问 Ardot 官网 https://d.qq.com/ ，登录账号进入工作台（需填写腾讯设计Ardot体验资格预留表解锁使用权限）。
创建项目：点击「开始设计」新建项目。
AI 生成设计：在底部输入框描述需求（如”生成一个音乐播放器界面，深色模式”），选择 DeepSeek 等模型，点击发送后 AI 自动生成可编辑的 UI 框架。
人工精修：选中画布元素直接拖拽调整位置，在右侧面板修改颜色、字体、间距等属性，或使用矢量工具绘制自定义图形。
组件复用：将常用元素右键存为「本地样式」或「组件」，修改母版后所有实例自动同步，保持设计一致性。
开发交付：点击右上角「分享」生成协作链接，开发者进入后可查看标注信息、复制 CSS 代码，实现设计到开发的无缝对接。