🎨 设计体系2026-06-30
腾讯版 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 生成作为第一入口。