产品详细介绍

Ardot 是腾讯推出的新一代 AI 智能设计工具,定位为集原型设计、视觉创意与协同交付于一体的综合设计平台,被称为“Figma + Lovart”的结合体。它将 AI 生成能力深度融入界面设计流程,通过文生 UI、图转设计、即时生成等功能,大幅降低设计门槛并提升团队协作效率。

在界面创作层面,Ardot 支持用户通过自然语言描述需求,快速生成可编辑的界面原型。无论是 App 页面、Web 界面还是运营活动页,只需输入诸如“电商首页”“社交登录页”“资讯类详情页”等指令,系统即可自动生成包含布局、组件和基础样式的界面草稿,帮助设计师从 0 到 1 快速搭建方案。

Ardot 同时提供图转设计能力,支持将已有截图、手绘草图或参考界面转化为可编辑的设计稿。用户可以导入图片,让 AI 自动识别布局结构、组件层级和基础样式,并生成矢量化界面,方便后续进行精修和风格统一。这一能力特别适合竞品分析、旧版界面重构以及从灵感草图快速落地为高保真原型。

在专业设计能力方面,Ardot 保留了完整的矢量编辑工具集,支持路径编辑、图层管理、自动布局、样式复用等专业功能,满足 UI/UX 设计师的精细化创作需求。同时,Ardot 支持组件库与设计系统管理,团队可以沉淀统一的组件、图标、色板和样式规范,在多个项目中复用,保证品牌一致性和设计质量。

Ardot 的核心优势在于用 AI 重塑设计工作流,形成“AI 灵感激发 → 人工精修”的闭环。设计师可以先用 AI 快速生成多套方案,进行方向探索和对比,再在此基础上进行细节打磨和交互优化,大幅减少从零开始绘制的时间成本,尤其适合高频改稿、快速迭代和多版本探索场景。

在团队协作与交付方面,Ardot 支持多人协同编辑、版本管理和评论标注,方便产品、设计、开发在同一平台上沟通。设计稿可直接用于开发交付,支持标注查看、样式导出等能力,减少沟通误差和重复劳动,提升从设计到上线的整体效率。

目前,用户可通过访问 Ardot 官网并填写“腾讯设计 Ardot 体验资格预留表”申请体验资格,提前解锁 AI 驱动的高效设计新体验,特别适合中小团队、初创公司以及需要快速产出原型和视觉方案的设计团队。

简单使用教程

  1. 申请与登录
  • 访问 Ardot 官方网站。
  • 填写“腾讯设计 Ardot 体验资格预留表”,提交基本信息与使用场景说明。
  • 获得体验资格后,根据指引完成账号注册与登录,可使用腾讯相关账号体系进行绑定(以官网实际说明为准)。
  1. 创建新项目
  • 登录后进入工作台,点击“新建项目”或“新建画布”。
  • 选择项目类型,如移动端 App、Web 页面或自定义尺寸画布。
  • 为项目命名,方便后续团队协作与版本管理。
  1. 使用文生 UI 快速生成界面
  • 在画布中选择“AI 生成”或“文生 UI”入口。
  • 在输入框中用自然语言描述需求,例如:
    • “电商 App 首页,包含轮播图、商品列表和底部导航栏。”
    • “简洁风格的登录注册页面,支持手机号登录。”
  • 提交后等待 AI 自动生成界面草稿。
  • 从生成结果中选择合适方案,可继续让 AI 调整布局或配色,或直接进入手动编辑阶段。
  1. 使用图转设计能力
  • 在工具栏中选择“图转设计”或“导入图片生成设计”。
  • 上传界面截图、手绘草图或参考页面图片。
  • 等待 AI 自动识别布局和组件,将其转换为可编辑的矢量界面。
  • 对生成的图层、组件进行命名和整理,方便后续维护与协作。
  1. 精修与矢量编辑
  • 使用选择、形状、路径、文本等矢量工具,对界面进行细节调整。
  • 利用自动布局、对齐与分布功能,优化界面结构和间距。
  • 将常用元素制作成组件,统一管理按钮、输入框、卡片等基础模块。
  1. 管理组件库与设计系统
  • 在“组件库”或“设计系统”面板中创建团队组件库。
  • 定义品牌主色、辅助色、字体与基础样式,并应用到各个页面。
  • 将成熟组件同步到团队库,供其他成员在不同项目中复用。
  1. 协作与开发交付
  • 邀请产品、开发和其他设计成员加入项目,设置查看或编辑权限。
  • 使用评论功能在画布上标注问题和修改意见,集中处理反馈。
  • 在交付视图中查看标注信息、尺寸和样式代码(如 CSS/前端样式),导出所需资源,辅助开发实现。
  1. 持续迭代与版本管理
  • 在每次重要修改前创建版本快照,方便回溯历史方案。
  • 利用 AI 快速生成不同风格或布局的备选界面,进行 A/B 对比。
  • 根据用户反馈和数据表现,持续优化界面设计,实现高效迭代。