超全合集！2024 年 UX/UI 设计师都必须尝试的 21 款 AI 工具

编者按：设计师对于 AI 工具的需求其实还是蛮旺盛的，针对不同的设计环节、不同需求的细分 AI 工具往往能够很好地满足不同需求点。对于设计师来说，要想在这个崇尚速度、效率和创新的行业中脱颖而出，用好 AI 已不再是一种选择，而是一种必然地趋势。这篇文章来自设计师 Yulia Lápicus，总结梳理了 21 款目前主流、好用、专业的 AI 工具。以下是正文：

在当今数字化为主的生活环境中，设计任务变得越来越复杂和繁重。在设计工作流程中集成 AI ，可以帮助我们更好应对这些挑战。它使设计师能够快速测试、迭代创意，相比手工操作，它可用更短的时间内带来大量变化。这不仅能提高工作效率，还能让创意人员探索更多选项，从而丰富创意流程。

今天这篇文章，提供了最新的 AI 设计工具列表，确保你能获得当前最新、最有效的 AI 设计资源。无论你是要绘制线框图、创建高保真原型，还是需要 3D 模型来增强你的视觉风格，最新的 AI 工具都能帮你实现。

1.基于 AI 的 UI 工具 Uizard

连接直达：https://uizard.io/

Uizard 是一款生成式 AI 设计工具，用于创建线框图、模型样机和原型。它的突出特点是能根据文本提示生成 UI 设计，这意味着它能将简单的描述转换成 UI 界面。

Uizard 的主要功能之一，是使用手绘草图和文本提示，来生成高保真屏幕。这可以大大缩短从概念到原型的时间，实现快速迭代和测试。

此外，Uizard 还允许设计师对现有设计进行逆向工程，这不仅可用用作竞争分析，还可以进行用性改进。

2. 超强的文生 UI 设计工具 Galileo AI

连接直达：https://www.usegalileo.ai/explore

来源：Galileo AI 官方博客

Galileo AI 是一款先进的 AI ，它利用 AI 功能将文字说明转换为 UI 设计。

自 2023 年 10 月推出测试版以来，该工具赢得了广泛关注，已成为设计师、初创企业创始人和软件工程师加快设计流程的有力工具。

AI 可生成符合 UI 设计标准的高质量内容，它能理解设计组件、配色方案和风格元素的特征和需求，创建出专业界面和视觉效果，足以供人使用。

Galileo AI 的一个突出特点是，它能够通过一个提示生成多个设计选项。这样，设计师就可以探索各种不同美学特征，尝试不同功能布局，然后再决定最适合当前项目的方案。

Galileo AI 可以与 Figma 集成到一起，这意味着你可以在熟悉的工作空间内，轻松导入和操作 AI 生成的设计。

3.像Figma 一样的 3D 设计平台 Spline AI

链接直达：https://spline.design/ai-generate

Spline 是一个先进的 3D 设计和协作平台，可直接从网络浏览器轻松创建 3D 资产和互动体验的优质工具。它在 2023 年 3 月推出测试版，由首席执行官亚历杭德罗-莱昂（Alejandro Leon）领导。Spline 已迅速成为无代码设计 3D 内容领域的领导者。

Spline 使用 AI 生成 3D 对象，并将二维图像转换为 3D 模型，使设计师更容易探索多种变化，并迅速将他们的概念变为可用的 3D 模型。

通过各种导出选项，Spline 可轻松创建和部署跨多个平台的 3D 设计，包括网络和移动应用程序。另外 Spline 也有 AI 功能来实现贴图等视觉素材。

Spline 允许多个用户同时处理同一个项目，从而实现团队协作。

4.多功能的设计平台 Miro Assist

链接直达：https://miro.com/assist/

Miro Assist 是一个 AI 驱动的设计平台，通过简化工作流程和增强创意与分析能力，来改进协作式工作空间。

Miro Assist 的 AI 驱动的思维导图和创意生成工具，可帮助设计师探索新概念，并使团队成员围绕一致的想法来探讨问题，并保持同频。这一功能对于头脑风暴会议非常宝贵。

它能综合数据并提供见解，它适用于用户研究、回顾总结和研讨会，为决策提供依据，并制定有效的设计战略。

Miro 可以帮助实现产品开发关键环节的自动化，包括将复杂的想法转化为结构化的模型、生成用户故事/画像和技术图表，以及确保交付成果的一致性和准确性。

5.跨语言多功能网页设计平台 Framer AI

链接直达：https://www.framer.com/

设计师可以通过 Framer AI 为全球用户创建并本地化内容，从而改变网页设计这一领域。其强大的 AI 工具包括高级翻译功能、文本重写和样式定制，确保网页内容不仅能使用多种语言，还能反映不同地区品牌的细微差别。

Framer AI 根据草图和截图，让 AI 针对设计进行转换，它提供超过 1,500 个预设模板，让没有代码经验的用户也能进行网页设计。

6.综合产品设计和协作平台 Visily

链接直达：https://www.visily.ai/

与 Miro 类似，Visily 也是一个设计平台，设计团队可以借此对产品体验进行可视化设计、完成头脑风暴和协作。这款工具可以帮助你从简单的文字提示中，生成详细的流程图和图表，让你更容易理解复杂的流程和系统。此外，你还可以在纸上绘制创意草图，并轻松将其转换为专业的可编辑数字版本。

7.必须掌握的顶流 AI 工具 Midjourney

链接直达：https://www.midjourney.com/

Midjourney 有多强大想必不用赘述了，它可生成各种高质量的视觉图片和效果，从图片物料到 UI 不一而足，因此它可以而简化视觉开发过程。Midjourney 可让设计师专注于创意和战略策略，减少从创意到视觉概念落地所耗费的时间。

Midjourney 能够诠释复杂的提示词，并提供多样化的视觉效果，从而鼓励用户探索新的风格和创意。

8.Open AI 出品的文生图工具 DALL-E 3

链接直达：https://openai.com/dall-e-3

DALL-E 3 可根据文本提示生成图像内容，它专供付费 ChatGPT 用户和开发者使用。新版本与 ChatGPT 集成，提高了文本提示的准确性，使用户更容易生成和调整，产出和描述精确匹配的图像物料。

9.预测用户行为平台 Attention Insight

链接直达：https://attentioninsight.com/

Attention Insight 是一个使用 AI 来预测用户在接触到你的设计后，视线会往那里接触的的 AI 预测平台。它能在设计发布前，提前分析设计的表现。

该平台在大量眼动跟踪数据基础上，训练的深度学习算法，生成眼动跟踪热图，准确率高达 90% 至 96%。

该工具专为产品设计师和 UX 研究者所设计，用于优化网站、广告、包装和其他视觉材料。它能确保这些设计有效地抓住并留住消费者的注意力。

10.用户测试 AI 平台 UserTesting AI

链接直达：https://www.usertesting.com/platform/AI

UserTesting AI 帮助 UX/UI 设计师、产品经理和营销人员，更高效地开展用户体验研究。借助 AI 的强大功能，UserTesting AI 可以分析海量视频、文本和行为数据，找出关键主题和模式。这种快速分析可帮助设计师，立即获得洞察力，加快迭代设计过程，缩短产品上线时间。

11.神经网络 AI 平台 Neurons CoPilot

链接直达：https://www.neuronsinc.com/predict

Neurons CoPilot 是一个结合神经网络和 AI 的平台，可帮助创意团队和营销人员设计有效的广告活动。它可以预测用户的反应，并据此优化视觉效果。此外，Neurons AI 可集成到 UX/UI 设计流程中，使设计师能够高效地创建、验证和优化设计。Neurons CoPilot 可提供既经过科学验证、又具有创意吸引力的高性能视觉效果。

12.专业的 UX 评审 AI 工具 Heurix

链接直达：https://www.heurix.io/

Heurix 是一款启发式分析工具，允许 UX 设计师、营销人员甚至企业主，对自己的网站进行 UX 评审。该工具最后会生成一份详细的报告，最棒的是，你不需要成为一名 UX 专业人士就能完成 UX 评审。

13.3M 出品的视觉注意力分析系统（VAS）

链接直达：https://www.3m.com/3M/en_US/visual-attention-software-us/

3M 的 Visual Attention Software (VAS) 可以预测观众在观看视觉内容的前几秒钟会有什么样的反应，准确率高达 92%。你可以自信地测试、改进和展示你的作品。它就像一个视觉拼写检查器！

VAS 可在浏览器上使用，也可作为 Adobe Illustrator、Adobe Photoshop 和 Adobe XD 的插件使用。

你可以获取视觉内容洞察和定制报告，了解观众会注意到你的设计概念中的哪些内容。花更多时间设计，花更少的时间来进行说服和推销。VAS 可对视觉内容进行全面分析，包括热图、热点和注视顺序。

14.必须熟练运用的基础 AI 工具 ChatGPT

链接直达：https://openai.com/chatgpt

你可能已经熟悉 ChatGPT。但如果你还没接触过它，那么你需要知道的是，它是一款 AI 聊天助手，旨在帮助创意专业人士（老实说，也包括所有人）产生更多创意想法，通过设定用户场景和任务，它可以分析数据、撰写营销材料内容、解决问题，甚至生成代码、排除故障，以帮助开发网站和应用程序，ChatGPT 的可能性是近乎无限的。

15.使用 AI 来创建网页的 10Web

链接直达：https://10web.io/ai-website-builder/

10Web 将 WordPress 与先进的 AI 技术（包括 Llama 2、GPT-4 和 Stable Diffusion）相结合，简化了网站创建过程。

内置的 AI 工具有助于创建内容和图片，使网页设计过程和创意验证，可以更加快捷地落地。

此外，他们的自动化托管解决方案，可以确保网站托管在由谷歌云提供支持的快速、全自动服务器上，并优化至 90+ PageSpeed 。

16.基于 AI 的配色工具 Khroma

链接直达：https://www.khroma.co/

Khroma 就像一个 AI 的数字色彩顾问，根据用户的偏好和以往的选择，提出配色方案建议。这个工具可帮助设计师，快速确定与项目的美学和功能目标相辅相成的配色方案。

Khroma 的 「色彩协调游乐场 」为设计师提供了一个尝试不同配色组合的平台，直到他们的设计达到理想的平衡与协调。

此外，Khroma 的自适应色彩可访问性功能，会自动调整色彩方案，以满足可访问性标准，确保设计不仅美观，而且具有良好的包容性。

17.Adobe Photoshop AI

链接直达：https://www.adobe.com/products/photoshop/ai.html

图片来源：https://motionarray.com/learn/video-editing/photoshop-ai/

Adobe Photoshop 一直是数字图像处理和创意设计领域的先驱。随着由 Adobe Firefly 生成 AI 支持的生成填充和生成拓展功能，Photoshop 在 AI 功能上也取得了巨大的飞跃。现在，Photoshop 用户只需点击几下，就能轻松完成复杂的编辑工作，如添加或删除内容、扩展图像和更换背景。

18.视频生成 AI 工具 Runway Gen-2

链接直达：https://runwayml.com/ai-tools/gen-2/

Runway Gen-2 简化了视频制作过程，几乎人人都能轻松用上，从此彻底改变了视频制作的方式。有了这项技术，你只需描述自己想要的视频，Runway Gen-2 就会为你制作出来。这项技术被广泛应用于娱乐和广告行业，但对于需要制作视频的设计师来说，它也很有帮助。

19.创意工作者的 AI 工具箱

链接直达：https://ai.boardofinnovation.com/

创意工作者的 AI 工具箱是一个基于 AI 的工具集合，旨在加强各行业工作者和创新者的创意和研究过程。该平台旨在帮助用户快速提出新创意，深入了解目标用户，并制定有效的战略。

该平台拥有大量、定期更新的动态工具，是在瞬息万变的商业环境中，让创意工作者保持竞争优势。

20.创投方案推荐和优化 AI 工具 Pitches

链接直达：https://pitches.ai/

Pitches.AI 是一款帮助初创企业创始人增强他们的创投方案的利基工具，它结合了 AI 和专家建议，可以从头开始创建推销方案，或为现有方案提供内容和布局的建议。

21. 提升网站可访问性的 AI 工具 UserWay

链接直达：https://userway.org/

UserWay 为提高网站的可访问性，提供了完整的解决方案。它可确保网站符合可访问性标准和法律要求。凭借其简单的一键式合规性检查器，和一系列 AI 驱动的工具，UserWay 可帮助 UX/UI 设计师快速识别和修复可访问性问题。

UserWay 还能帮助你提升网站的整体用户体验，尤其是对残障人士而言。这可以提高用户满意度，降低跳出率，并有可能提高转换率，使用户和网站所有者都能从中受益。