LIVE

AI DESIGN TOOLS · 设计工具选型手册

Design.设计图鉴画布

一册尽览主流 AI 设计工具的画布 Agent、对话式设计、代码导出与计费方案——从专业 UI 平台到 Vibe Design,为产品、设计与前端团队提供一份可随手翻阅的参考。

Tier 战力 S / A / B / C价格单位 订阅 / 席位
DESIGN CANVASMULTIPLAYER

收录 DESIGN

12

代码能力

6

中文优化

7

免费额度

12

TIER 战力榜2026 RANKING
S

Figma AI / Design Agent协作+Agent生态霸主

Canva AI 2.0全民设计+2.65亿月活

A

Claude Design逻辑理解+开发移交

Google StitchVibe Design+免费

B

v0 by Vercel前端代码生成天花板

Pixso AI国产全链路+私有化

综合IXDC、CSDN、什么值得买、站酷、百度百科、官方发布等多源测评S→C

画布索引

CANVAS INDEX
12 ENTRIES
▣ UI · No.001
No.001专业 UI 平台闭源

Figma AI / Design Agent

Figma(美国,旧金山)

全球设计协作平台霸主,2026年5月20日正式发布Design Agent。AI Agent直接住在画布里,理解设计系统/组件库/颜色变量/字体规范,支持多Agent并行运行。'Skills'功能引导AI按团队意图完成工作流,'Code to Canvas'将AI生成代码转化为可编辑Figma设计稿。Claude Code、OpenAI Codex等外部Agent可直连画布创建和修改设计资产

生成速度

模型版本

代码能力

支持导出

计费模式

免费 + 订阅制(按席位)

输入方式

自然语言

画布内 Agent多 Agent 并行设计系统感知Skills 工作流Code to CanvasAI 变体+4
专业版$15/月/编辑者

◈ 免费额度:免费版(3个Figma文件,有限AI额度)

团队UI/UX设计设计系统管理AI Agent自动化设计+3
▣ VIBE · No.002
No.002对话式设计闭源

Canva AI 2.0

Canva(澳大利亚,悉尼)

2026年4月16日Canva Create大会发布的里程碑式升级,引入全新自研Canva Design Model——全球首个专为理解真实世界设计结构、层级与复杂性打造的基础模型。五大核心能力:对话式设计(全程自然语言/语音迭代)、基于对象的分层可编辑输出(非扁平图片)、持久记忆(学习用户偏好/品牌风格/团队目标)、智能体编排(一个目标自动拆解执行)、Learn Grid教育功能。2.65亿月活,累计270亿次AI交互

生成速度

模型版本

Canva Design Model(2026年4月)

代码能力

计费模式

免费 + 订阅制

输入方式

自然语言

对话式设计语音交互分层可编辑持久记忆品牌风格学习智能体编排+2
专业版¥54/月(个人)

◈ 免费额度:免费版(25万+模板,有限AI额度)

社交媒体设计营销海报/BannerPPT/演示文稿+4
▣ VIBE · No.003
No.003对话式设计闭源

Claude Design

Anthropic(美国,旧金山)

Anthropic于2026年4月17日发布的AI视觉创作工具,基于Claude Opus 4.7视觉模型。界面为'左聊天+右画布',通过对话创建设计/原型/PPT/单页/营销物料。支持对话迭代、行内评论、直接编辑、自动调节滑杆。核心差异化:对逻辑和交互的理解远超纯视觉工具,生成结果可无缝移交Claude Code进行前端开发。发布当天Adobe股价跌4.2%,Figma跌3.8%

生成速度

模型版本

Claude Opus 4.7(视觉模型)

代码能力

支持导出

计费模式

免费 + 订阅制

输入方式

自然语言

对话式设计行内评论直接编辑原型生成PPT 生成Landing Page+3
专业版$20/月

◈ 免费额度:免费版(有限额度)

产品原型设计PPT/演示文稿Landing Page+4
▣ VIBE · No.004
No.004对话式设计闭源

Google Stitch

Google Labs(美国,山景城)

Google Labs推出的AI原生设计工具,定位'氛围设计伙伴'(Vibe Design Partner)。2026年3月18日发布重大更新(Stitch 2.0),引入Vibe Design理念:用户从抽象概念和情感出发,通过自然语言或语音指令直接生成和迭代UI设计。五大核心:AI原生无限画布、语音交互、上下文感知设计Agent、多模态输入(草图/参考图/PRD/代码)、一键导出前端代码。发布当天Figma股价暴跌8%,两天跌约13%

生成速度2分钟内完整多页面UI

模型版本

Stitch 2.0(2026年3月18日)

代码能力

支持导出

计费模式

免费(实验阶段)

输入方式

草图 / 参考图 / PRD文档 / 代码片段

语音交互Vibe Design无限画布上下文感知 Agent多模态输入多页原型+2
计费免费(实验阶段)

◈ 免费额度:免费(实验性产品,Google Labs)

快速UI原型验证Vibe Design概念探索语音驱动设计+3
▣ UI · No.005
No.005专业 UI 平台国产闭源

Motiff 妙多

看云软件(猿辅导旗下,中国)

猿辅导旗下看云软件研发的AI驱动界面设计工具,2024年6月全球发布。国内首个自研图形渲染引擎(单画布100万图层流畅编辑),搭载国内首个UI领域多模态大模型(五项基准测试超越GPT-4o/苹果Ferret UI/谷歌ScreenAI)。2025年5月发布AI 2.0,支持AI理解并学习设计风格、MCP协议对接AI Coding工具生成高还原前端代码。企业采购综合价格比Figma低80%以上

生成速度

模型版本

妙多大模型(UI多模态)+ AI 2.0

代码能力

React / Vue / HTML/CSS

计费模式

免费 + 订阅制(比Figma低80%+)

输入方式

自然语言

原型设计实时协作UI 多模态大模型AI 建系统一致性检查风格学习+3
专业版¥24/月(国际版$4/月)

◈ 免费额度:免费版(基础功能)

企业级UI设计设计系统创建与维护AI辅助布局与复制+3
▣ CODE · No.006
No.006代码 & 建站闭源

v0 by Vercel

Vercel(美国,旧金山)

Vercel推出的AI UI代码生成工具,前端AI工具'天花板'。输入自然语言描述或上传参考图片,10秒内生成完整Next.js应用(含UI组件/路由/API基础结构)。默认使用shadcn/ui + Tailwind CSS,生成代码可直接投产。支持迭代修改、一键部署到Vercel。定位'生成即部署',是设计师与前端开发者之间的桥梁

生成速度10秒内

模型版本

v0(持续迭代)

代码能力

React / Next.js

计费模式

免费额度 + 订阅制

输入方式

自然语言 / 参考图片 / 截图

完整应用生成一键部署响应式设计
高级版$20/月

◈ 免费额度:每日免费Credits

前端UI快速生成SaaS仪表盘Landing Page+3
▣ PROTO · No.007
No.007原型探索闭源

Galileo AI

Galileo AI(美国,旧金山)

专注从文字描述生成高保真单页面UI视觉稿的AI工具,30秒内从Prompt到专业级界面。基于海量UI数据训练,布局/色彩/视觉风格专业度极高。输出结果可直接导入Figma继续编辑,适合方案早期快速探索视觉方向。2026年被评为'单页面高保真UI生成质量最优'工具之一

生成速度30秒

模型版本

Galileo AI(持续迭代)

代码能力

计费模式

免费额度 + 订阅制

输入方式

自然语言描述

Figma 导入可编辑图层组件库
专业版$19/月

◈ 免费额度:有限免费额度

早期视觉方向探索单页面高保真UIFigma工作流加速+2
▣ CODE · No.008
No.008代码 & 建站闭源

Framer AI

Framer(荷兰,阿姆斯特丹)

Framer平台内置的AI网站设计助手,代表Web视觉表现的上限。输入自然语言描述即可生成完整的响应式网站页面和交互原型,支持智能内容填充、响应式布局自动调整和一键发布。2026年集成最新生成式AI技术,将高保真原型与网站发布合二为一,适合品牌展示/作品集/落地页类网站

生成速度分钟级

模型版本

Framer AI(2026集成最新生成式AI)

代码能力

计费模式

免费 + 订阅制

输入方式

自然语言 / 风格关键词

智能内容填充响应式自适应一键发布自定义域名SEO 优化动效+1
专业版$25/月

◈ 免费额度:免费版(Framer域名,有限功能)

品牌官网作品集/PortfolioSaaS Landing Page+3
▣ UI · No.009
No.009专业 UI 平台国产闭源

即时设计 AI

北京雪云锐创科技有限公司(中国)

国产云端UI设计平台,对国内用户最友好、免费版功能最丰富。即时AI可通过自然语言描述60秒生成完整设计稿(含布局/组件/配色/文案),支持手绘生成设计、图片生成设计。个人全功能免费,团队版¥49/月起。国内服务器访问稳定,中文语义理解优秀,是Figma国产平替首选之一

生成速度60秒/页面

模型版本

即时AI(持续迭代)

代码能力

计费模式

免费 + 订阅制

输入方式

自然语言 / 手绘草图 / 参考图片

自动布局原型设计实时协作Figma 导入组件库文字转 UI+5
团队版¥49/月/人起

◈ 免费额度:个人全功能免费

国内团队UI设计Figma国产替代快速原型出图+3
▣ UI · No.010
No.010专业 UI 平台国产闭源

Pixso AI

博思云创(中国,深圳)

国产一站式数字化团队协作平台,定位'国产Figma+AI'。内置AI助手支持自然语言生成高保真UI设计稿(含布局/组件/配色/文案),多轮对话优化设计。核心差异化:D2C设计转代码(React/Vue/ArkUI/Flutter)、MCP协议支持、AI设计规范生成、数据不出境私有化部署。企业级组件自动化能力突出,国内中大型团队首选

生成速度

模型版本

Pixso AI 2.x + Paico

代码能力

React / Vue / ArkUI / Flutter

计费模式

免费 + 订阅 + 企业定制

输入方式

自然语言 / 参考图 / 多轮对话

原型设计实时协作AI 生图MCP 协议Figma 导入文字转 UI+5
专业版¥99/月

◈ 免费额度:个人版免费

国内企业UI设计设计到代码全链路私有化部署(数据不出境)+3
▣ GRAPHIC · No.011
No.011平面营销国产闭源

稿定设计 AI

稿定(厦门)科技有限公司(中国)

国产一站式AI创意设计平台,累计下载超4亿人次,30万+图片视频模板,9000万+可商用版权素材。聚焦电商/新媒体/企业办公场景,集成AI绘画(文生图/图生图/10+风格)、AI智能设计(一句话生成海报/Banner/主图)、AI抠图(发丝级)、AI商品图背景替换、爆款文案生成(小红书种草图文)。2025年9月正式发布AI平台,集成AI设计Agent与无限画布,支持多模型协作(豆包/DeepSeek)

生成速度

模型版本

稿定AI(2025年9月发布,多模型协作)

代码能力

计费模式

免费 + 订阅制

输入方式

自然语言

无限画布AI 绘画文生图AI 海报AI BannerAI 抠图+4
VIP¥69/月

◈ 免费额度:免费版(有水印)

电商主图/详情页社交媒体配图营销海报/Banner+4
▣ PROTO · No.012
No.012原型探索国产闭源

墨刀 AI

墨刀(中国,北京)

国产AI产品设计全流程工具,把从想法到方案落地的整个过程尽量自动化。核心能力'文字生成原型':输入需求描述即可生成完整产品原型,支持AI生成流程图、AI生成PRD文档、AI生成思维导图。定位产品经理和设计师的效率工具,让产品经理可独立完成从想法到原型的全过程,不再依赖设计师资源。单次生成成本约¥0.91-2.27

生成速度

模型版本

墨刀AI(持续迭代)

代码能力

计费模式

免费 + 订阅制

输入方式

自然语言

实时协作Figma 导入组件库开发交付文字转原型AI 流程图+5
专业版¥99/月

◈ 免费额度:免费版(有限功能)

产品经理独立出原型需求文档自动生成流程图/思维导图+3

关于图鉴

本图鉴基于 2026 年 7 月各厂商公开信息整理,定价与能力以官方最新公告为准。订阅制与按席位计费并存,部分工具提供免费额度;美元按 1 USD ≈ 6.8 CNY 估算换算。

类别图例

  • 专业 UI 平台
  • 对话式设计
  • 代码 & 建站
  • 原型探索
  • 平面营销
  • 国产工具

数据说明

  • · 「代码能力」指可导出前端代码或对接 Coding 工具
  • · Tier 战力榜综合多源测评,S 为最强档
  • · 生成速度条越快越满,「持续迭代」类记满格
  • · 卡片悬停呈现设计工具的「选框」选中态
INDUSTRY TRENDS行业风向
  • Agent 原生Figma Design Agent/Stitch设计Agent/Canva智能体编排,AI从插件变为画布内原生居民
  • Vibe DesignGoogle Stitch定义'氛围设计',从线框图流程转向自然语言/语音直接生成
  • 设计转代码v0/Figma Code to Canvas/Pixso D2C/Motiff MCP,设计与代码边界消融
  • 对话式迭代Claude Design/Canva AI 2.0/Stitch,多轮对话迭代取代一次性输出
  • 持久记忆Canva AI 2.0持久记忆,AI越用越懂你的品牌风格
  • 国产崛起Motiff/即时设计/Pixso/稿定/墨刀形成国产矩阵,私有化+中文+性价比
  • 冲击资本市场AI设计工具发布直接冲击上市公司股价(Figma/Adobe),资本市场高度敏感
2026 CHRONICLE年度大事记
  • 2026-03-18 Google Stitch 2.0发布Vibe Design,Figma股价两天暴跌13%
  • 2026-04-16 Canva AI 2.0发布,Canva Design Model+持久记忆+分层编辑
  • 2026-04-17 Claude Design发布,Adobe跌4.2%/Figma跌3.8%
  • 2026-05-20 Figma正式发布Design Agent,多Agent并行+Skills工作流
  • 2026-05-19 Google I/O 2026展示Stitch与Gemini深度集成
  • 2026上半年 Motiff妙多AI 2.0+MCP协议,国产设计工具加速追赶
  • 2026上半年 Pixso AI推出Paico,D2C+MCP+私有化部署
  • 2026年 AI设计工具从'辅助插件'全面进入'AI原生'时代
© 2026 AI DESIGN 图鉴 · DESIGN FIELD GUIDEDATA SYNCED · 仅供参考