
迁一份已有界面时,可以直接导入 fig 文件,布局、样式和组件会保留。新稿则用文字或参考图走文生界面,需要图标时按示例一次生成一套矢量图标。画布上仍可用钢笔、布尔运算、网格和百分比定位做矢量编辑,组件、颜色和文本样式能全局同步。产品、设计和研发可以同时看到光标、用评论指派,并在版本历史里对比。开发模式能看标注和组件变体,复制 CSS、iOS 或 Android 代码,也能经 MCP 送到 Codebuddy。网页端不必安装,桌面端覆盖 macOS 与 Windows,手机端以查看和评论为主。适合已经有设计系统、又希望稿和代码离得更近的产品团队。
Ardot 是腾讯设计推出的界面设计工具,浏览器可以直接使用,也提供桌面客户端。它在同一画布上做矢量编辑和自动布局,支持用文字或参考图生成界面、插画、海报和成套矢量图标,并按团队组件库生成符合规范的稿。文件可导入 SVG、Figma 的 fig 文件和 CoDesign 分享链接,导出 PNG、JPG、SVG 和 PDF。多人可以同时编辑、评论和对比版本,文档还写了权限、操作日志和离职交接。研发侧可查看标注,复制 CSS、iOS、Android 代码,或经 MCP 把稿送到 Codebuddy 生成前端代码。新注册用户会获得初始积分,用完后可购买加量包,也可通过 MCP 连接本地模型继续使用。
使用门槛: 需要一定基础
文字或参考图生界面
用自然语言描述界面,或上传参考图生成初稿;也可按团队组件库生成符合规范的界面。
成套矢量图标
输入文字或示例图,一次生成风格统一的矢量图标,可批量导出、修改,并把风格存成模板。
矢量编辑与自动布局
支持钢笔、布尔运算、三维旋转和增强形状,以及网格、百分比定位和自动布局。
导入稿件与组件库
可导入 SVG、Figma 的 fig 文件和 CoDesign 分享链接,并发布团队组件库、变量和多主题。
标注评论与代码交接
支持多人实时编辑和评论,研发可复制 CSS、iOS、Android 代码,或经 MCP 送到 Codebuddy。
设计师迁入已有稿件
设计师把 Figma 的 fig 文件导入 Ardot,保留布局、样式和组件后继续改,或补一套同风格图标。
产品在稿上评论确认
产品经理打开分享链接,在画布上评论并指派同事,同时查看版本差异,而不另开会议记录。
研发从标注复制代码
研发在开发模式查看尺寸和组件变体,复制 CSS 或移动端代码,也可以把稿经 MCP 送到 Codebuddy。
腾讯设计的文档写明,可以直接导入 fig 文件,并保留原有布局、样式和组件。也可以导入 SVG 和 CoDesign 分享链接。导出格式包括 PNG、JPG、SVG 和 PDF。快捷键里选择、矩形、文本和钢笔与常见设计工具一致。官方公共组件库文档写明仍在规划,现有组件需要先放在本地或从已有库导入。
开发模式可以查看尺寸、间距、样式和组件变体,并复制 CSS、iOS、Android 代码,文档也写到可获取 React、Vue 和小程序相关代码。通过 MCP,还可以从终端读取或修改设计文件,或把稿送到 Codebuddy 生成前端代码。多人协作时可用评论指派,并查看版本历史。手机端以查看和评论为主。
来自真实用户的评价和反馈