Ardot

Ardot

4.0· 编辑评分
腾讯
中国

编辑点评

迁一份已有界面时,可以直接导入 fig 文件,布局、样式和组件会保留。新稿则用文字或参考图走文生界面,需要图标时按示例一次生成一套矢量图标。画布上仍可用钢笔、布尔运算、网格和百分比定位做矢量编辑,组件、颜色和文本样式能全局同步。产品、设计和研发可以同时看到光标、用评论指派,并在版本历史里对比。开发模式能看标注和组件变体,复制 CSS、iOS 或 Android 代码,也能经 MCP 送到 Codebuddy。网页端不必安装,桌面端覆盖 macOS 与 Windows,手机端以查看和评论为主。适合已经有设计系统、又希望稿和代码离得更近的产品团队。

AI工具导航编辑团队更新于 2026-10-09

Ardot是什么

Ardot 是腾讯设计推出的界面设计工具,浏览器可以直接使用,也提供桌面客户端。它在同一画布上做矢量编辑和自动布局,支持用文字或参考图生成界面、插画、海报和成套矢量图标,并按团队组件库生成符合规范的稿。文件可导入 SVG、Figma 的 fig 文件和 CoDesign 分享链接,导出 PNG、JPG、SVG 和 PDF。多人可以同时编辑、评论和对比版本,文档还写了权限、操作日志和离职交接。研发侧可查看标注,复制 CSS、iOS、Android 代码,或经 MCP 把稿送到 Codebuddy 生成前端代码。新注册用户会获得初始积分,用完后可购买加量包,也可通过 MCP 连接本地模型继续使用。

基本信息

分类:
公司:腾讯
国家:中国

适合人群

产品设计师需要看稿和标注的研发参与评审的产品经理

使用门槛: 需要一定基础

Ardot的主要功能

  • 文字或参考图生界面

    用自然语言描述界面,或上传参考图生成初稿;也可按团队组件库生成符合规范的界面。

  • 成套矢量图标

    输入文字或示例图,一次生成风格统一的矢量图标,可批量导出、修改,并把风格存成模板。

  • 矢量编辑与自动布局

    支持钢笔、布尔运算、三维旋转和增强形状,以及网格、百分比定位和自动布局。

  • 导入稿件与组件库

    可导入 SVG、Figma 的 fig 文件和 CoDesign 分享链接,并发布团队组件库、变量和多主题。

  • 标注评论与代码交接

    支持多人实时编辑和评论,研发可复制 CSS、iOS、Android 代码,或经 MCP 送到 Codebuddy。

Ardot的核心优势

  • 可用文字或参考图生成界面,并按团队组件库出稿
  • fig 文件可导入并保留布局、样式和组件
  • 钢笔、布尔运算、网格和自动布局仍在同一画布里
  • 研发能看标注、复制多端代码,或经 MCP 送到 Codebuddy

Ardot的应用场景

  • 设计师迁入已有稿件

    设计师把 Figma 的 fig 文件导入 Ardot,保留布局、样式和组件后继续改,或补一套同风格图标。

  • 产品在稿上评论确认

    产品经理打开分享链接,在画布上评论并指派同事,同时查看版本差异,而不另开会议记录。

  • 研发从标注复制代码

    研发在开发模式查看尺寸和组件变体,复制 CSS 或移动端代码,也可以把稿经 MCP 送到 Codebuddy。

常见问题

▶已经在用 Figma 的文件能打开吗?

腾讯设计的文档写明,可以直接导入 fig 文件,并保留原有布局、样式和组件。也可以导入 SVG 和 CoDesign 分享链接。导出格式包括 PNG、JPG、SVG 和 PDF。快捷键里选择、矩形、文本和钢笔与常见设计工具一致。官方公共组件库文档写明仍在规划,现有组件需要先放在本地或从已有库导入。

▶设计稿怎样交给研发?

开发模式可以查看尺寸、间距、样式和组件变体,并复制 CSS、iOS、Android 代码,文档也写到可获取 React、Vue 和小程序相关代码。通过 MCP,还可以从终端读取或修改设计文件,或把稿送到 Codebuddy 生成前端代码。多人协作时可用评论指派,并查看版本历史。手机端以查看和评论为主。

最新资讯

查看更多

用户评价

来自真实用户的评价和反馈