🔧 AI 知识库

腾讯版 Figma 来了!AI 设计神器 Ardot——文生 UI,描述即生成

原文链接

腾讯版 Figma 来了!AI 设计神器 Ardot——文生 UI,描述即生成

原文链接:https://mp.weixin.qq.com/s/0SoCNIdnGYz8amPFMbZYoQ 作者:萤柳 | 2026-03-16

摘要

腾讯上线 Ardot(d.qq.com),不是 Figma 平替,而是 AI 自动化设计平台。核心:文生 UI(描述即生成完整网页)、图片秒变设计稿(商品图→电商海报)、AI 助手画布里直接生图。布局系统支持 Grid + 百分比定位自动适配多端,组件库全局同步,CSS 代码片段直接给开发复制。


AI 三大能力

1. 文生 UI,描述即生成

输入需求(如"旅游网站落地页"),AI 直接生成包含图片/文字/排版结构的完整网页 UI。作为快速沟通草图和灵感参考,省去从零画框框的时间。

2. 图片秒变设计稿

导入商品海报图,快速搭配文字、调整排版,做成电商海报,适合高频快速出图。

3. AI 助手

画布里直接呼叫 AI 生成配图(如"穿着蓝色卫衣拿着甜品的阿拉斯加犬"),不用切出去搜图或开别的工具。


排版与组件

  • 动态布局:Grid + 百分比定位,屏幕拉伸时元素自动适应,多端适配不用手动重调
  • 组件库:颜色/字体/按钮存为本地样式和组件,改一处全局同步
  • 矢量编辑:绘图、斜切、旋转基础功能都有

交付与管理

  • 开发标注:开发直接点选元素看精确标注 + CSS 代码片段,复制即用
  • 权限日志:团队版管理/编辑/查看三级权限,所有操作可追溯,离职自动回收权限

判断

不是 Figma 平替,是 Figma + Lovart(之前存的那个设计 Agent)的结合体。 用 Lovart 式的 AI 交互体验,去重塑 Figma 式的 UI 工作流。

跟今天存的 Penpot(开源 Figma 替代)、Stitch(Google AI 设计工具)、awesome-design-md(DESIGN.md 规范集合)放一起看——AI 设计工具正分化出两条路:一条用 DESIGN.md 约束 AI 生成(规范驱动),一条用 Ardot/Stitch/Lovart 这类产品(AI 原生设计工具)。Ardot 选了中间路线:既有传统设计工具的组件库和交付能力,又把 AI 生成作为第一入口。