以前我们用 AI,可能只是让它帮忙出一张图、写一段文案、找一点灵感。
现在不一样了,它已经开始深入到 UI/UX 设计的每一个环节:
从页面生成、原型搭建、代码落地,到视觉素材、用户研究、内容优化,几乎每一步都有新的工具出现。
所以我花时间整理了一份近 3 个月设计圈 AI 新工具合集分成 5 大类:
UI 生成类、原型与代码类、视觉素材生成类、研究与内容类,以及近 3 个月最新发布的 AI 设计工具。
一、UI 生成类
1.Figma Make
https://www.figma.com/make/
在 Figma 工作流内用 AI 生成设计、原型或应用,可继续编辑图层和设计细节。
2.Motiff
https://www.motiff.com/
AI 原生 UI 设计工具,支持界面设计、协作、设计系统和代码交付,适合团队进行产品界面设计、组件管理和设计到开发的衔接。
3.Uizard
https://uizard.io/
AI UI / 线框图工具,支持文本、截图、草图生成可编辑界面。
4.Wegic
https://wegic.ai/
对话式 AI 网站生成器,通过聊天生成、编辑并上线网站。
5.Flowstep
https://flowstep.ai/
AI UI 设计助手,可用对话生成可编辑 UI、线框图和界面方案。
6.UX Pilot
https://uxpilot.ai/
AI UX/UI 生成工具,可辅助生成页面、原型、热力图和 Figma 相关设计内容。
7.Google Stitch
https://stitch.withgoogle.com/
Google 的 AI UI 设计工具,可用文本或图像生成移动端 / Web UI,并支持导出到 Figma。
8.Pixso
国产在线 UI 设计与协作工具,内置 Paico AI,支持通过自然语言生成页面结构、UI 草稿和可编辑设计稿,适合国内团队做产品设计、原型协作和设计交付。
二、原型与代码类
1.Claude code
https://www.anthropic.com/claude-code
AI 编程 Agent,适合在本地项目中理解代码结构、生成页面、修改 UI 和调试前端项目,也可以结合 Figma MCP 读取设计稿,将设计稿快速还原成前端代码,适合设计师和开发者做页面落地、组件开发和原型实现。
2.Codex
https://chatgpt.com/codex
AI 编程 Agent,可结合 Figma MCP 读取设计稿并辅助生成页面代码,也能批量修改 UI、搭建组件库和变量库,适合把设计文件快速转成可运行网页或前端原型。
3.Cursor
https://cursor.com/
AI 代码编辑器,适合把设计意图转成代码、理解项目、辅助开发。
4.Lovable
https://lovable.dev/
用自然语言生成网站、App、后台工具和 MVP,适合快速验证产品想法。
5.v0 by Vercel
https://v0.app/
Vercel 出品的 AI 应用 / 网页生成工具,适合生成 React / Next.js 界面和全栈雏形。
6.Emergent
https://emergent.sh/
对话式全栈 AI 构建器,从需求描述到设计、编码、部署一站式生成应用。
7.Framer AI
https://www.framer.com/ai/
Framer 内置 AI 网站设计能力,可生成响应式页面、组件和网站初稿。
三、视觉素材生成类
1.即梦 AI
https://jimeng.jianying.com/
剪映旗下 AI 创作平台,支持 AI 绘画、图片生成视频、文字生成视频。
2.Midjourney
https://www.midjourney.com/
AI 图像生成工具,适合概念图、情绪板、艺术风格探索和视觉创意。
3.Lovart
AI 设计 Agent,集成图像生成、视频生成、Logo、海报、包装、品牌视觉和广告素材创作能力,支持在同一画布中通过对话持续修改设计,适合快速生成品牌方案、社媒图、电商图和营销视觉素材。
4.Recraft
面向设计师的 AI 图像生成与编辑工具,支持生成图片、矢量图、图标、Mockup 和品牌视觉素材,适合做 Logo、图标、插画、营销海报和统一风格的品牌资产。
5.Runway
AI 视频与多媒体生成平台,适合文生视频、图生视频、视频编辑和动态视觉创作。
6.Krea
AI 图像与视频创作工具,支持实时生成、图片增强、风格探索和短视频生成,适合做视觉灵感、海报草图、产品氛围图和创意素材迭代。
7.Freepik
综合型设计素材与 AI 创意平台,提供图库、模板、AI 图片生成、图片增强、背景去除和营销素材生成,适合快速制作海报、电商图、社媒图和广告视觉。
四、研究与内容类
1.Dovetail
https://dovetail.com/
用户研究资料管理与洞察分析平台,适合整理用户访谈、问卷反馈、可用性测试记录和客户声音,并通过标签、主题聚类和 AI 总结沉淀产品洞察。
2.Maze
https://app.maze.co/
用户研究与可用性测试平台,用于收集用户反馈、生成测试报告和产品洞察。
3.Looppanel
https://www.looppanel.com/
AI 用户访谈分析工具,可以自动转录访谈内容、提取重点、生成标签和研究报告,适合设计师和研究员快速整理用户访谈材料。
4.Frontitude
https://www.frontitude.com/
UX 文案与本地化协作平台,帮助团队管理、翻译和统一产品文案。
5.UXtweak
https://www.uxtweak.com/
一站式 UX 研究平台,支持可用性测试、原型测试、网站测试、卡片分类、树测试和用户招募,适合产品团队持续验证设计方案和用户路径。
6.Attention Insight
https://attentioninsight.com/
AI 预测眼动热力图工具,用于分析页面、广告、落地页中的用户视觉关注点。
7.Khroma
https://www.khroma.co/
AI 配色工具,会学习用户的色彩偏好并生成个性化色板、渐变和配色组合。
五、近 3 个月 AI 设计新工具
1.Claude Design
AI 设计生成工具,可通过自然语言生成交互原型、网页界面和产品 Demo,适合设计师、产品经理和开发者快速把想法变成可预览、可迭代的设计方案。
2.Seedream 5.0 Lite
https://seed.bytedance.com/en/seedream5_0_lite
字节 Seed 团队的多模态图像生成模型,强调理解、推理和图像生成能力。
3.Qwen-Image-Edit / Qwen-Image-Edit-2511
https://chat.qwen.ai/
阿里 Qwen 系列图像编辑模型,支持图像生成、人物一致性、多场景合成和精准编辑。
4.鸣哩 AIGC 设计平台
这是阿里专门针对图像大模型做的 AIGC 创意设计生产力平台,底层是通义千问的模型全家桶。除了截图里提到的生成 3D 艺术字体,它用来跑一些 UI 界面里的 3D 图标资产、高保真原型的配图或者电商场景图都挺高效的。
5.AImake
https://www.wuli.art
面向激光雕刻、切割、打印等工艺场景的 AI 设计工具。
这 27 款工具并不是让大家全部都去用一遍,而是帮你快速看清楚一个方向:
未来的设计师,不一定是最会画图的人,但一定是最会用工具把想法落地的人。