UXTOOLS 2022设计工具调查报告出炉！这15款年度UI设计工具不容错过。

时间：2023-09-05 19:42:01 | 来源：网站运营

时间：2023-09-05 19:42:01 来源：网站运营

UXTOOLS 2022设计工具调查报告出炉！这15款年度UI设计工具不容错过。：Hello 各位好，我是皮仔 @Pixso协同设计。

去年我们发布过一篇文章《2021 设计工具调查报告》，时间过得很快，转眼又是一年，UXTOOLS 延续了上一年的调查，也就有了我们现在看到的《2022 设计工具调查》。

随着 UXTOOLS 的两位主理人对远程工作、领导力和研究提出新的问题，他们对设计行业有了更深入的了解。相比去年的报告，2022 年的设计工具调查加入了 2 个新的类别：高级原型工具（advanced prototyping）和项目网站构建工具（portfolio builders）。

本次调查基于 4260 位受访对象展开，这些人的部分特征如下：

• 所在地：美国、德国、英国、印度、法国、巴西、加拿大、澳大利亚以及其他国家和地区
• 职业：产品设计师、UX/UI 设计师、UX 设计师、图形设计师、开发者/工程师、产品经理、UI 设计师、网页设计师、UX 研究员、视觉设计师、UX 艺术家、动效设计师、信息艺术家
• 工作年限：没有工作经验、小于 1 年、1-2 年、3-5 年、6-10 年、10+ 年（出乎意料的是，这个占比最多）
• 从事的体验类型：网页应用、网站、移动应用、桌面应用、数字媒体（广告、社交等）、品牌、出版媒体、物理体验
• 所在的平台/所用的设备系统：macOS（占比最多）、Windows、Linux
• 工作环境：现场办公、混合办公、远程办公

UI 设计工具榜单

在众多 UI 设计工具中，Figma 延续了去年的热度，依旧是受访对象最喜欢使用的 UI 设计工具，后面的依次是 Adobe XD、Sketch、Adobe Illustrator、Adobe Photoshop、Lunacy、Axure、Framer、Affinity Designer、Antetype、UXPin、Balsamiq、Penpot、Uizard、Proto.io。

对比 2021 设计工具调查的榜单，呈现出如下的变化：

• 2022 年的受访对象所使用的 UI 设计软件更多，从 2021 年的 10 款上升到 2022 年的 15 款，新上榜的 UI 设计工具为 Lunacy、Antetype、Balsamiq、Penpot、Uizard、Proto.io。
• 榜单前 5 的 UI 设计工具名单暂未发生变化，依次为 Figma、Adobe XD、Sketch、Adobe Illustrator 和 Adobe Photoshop，只是排名略有变化
• Sketch 的使用人数呈下降趋势，从前年的第 2 跌到了去年的第 3
• Adobe XD 后来居上，补上了 Sketch 的位置
• Lunacy 是 2022 年新上榜的 UI 设计工具，使用人数超过了老牌的 Axure

为了进一步了解 UI 设计工具榜单中展示的软件，下面皮仔逐一对每款工具进行介绍：

01 Figma

Figma：基于云端的在线 UI 设计协作工具




操作系统：Windows/macOS/Linux

免费 + 付费，专业版 15 美元/月，组织版 45 美元/月




Figma，是第一个基于浏览器的在线 UI 设计工具，可以说是开启了在线设计的先河。Figma 拥有强大的编辑工具和大量方便的功能，是设计、原型制作和收集反馈的一站式工具。UI 设计人员可以利用 Figma 的约束功能，基于不同的屏幕尺寸调整设计。

与其他多功能工具一样，Figma 在 UI 设计开发和原型制作过程中的特定过程中具有强大的优势，但是它缺乏适当的位图处理功能，并且对于本土设计师来说，还存在网络门槛、信息安全、信息稳定性等问题。

对于免费用户，Figma 只支持创建 3 个 Figma 文件，且每个文件只能创建 3 个页面，设计文件的版本历史只保留 30 天，无法使用团队组件库，如果你想把 Figma 用于团队设计协作，通常情况就得升级到专业版或团队版。

除此之外，没有太多预算的朋友，还可以选择使用 Figma 的同类软件——在线 UI 设计工具 Pixso，Pixso 对个人用户完全免费，不限制软件的功能，表现在：支持创建不限数量的设计文件和页面，保留所有历史记录，提供团队组件库、团队字体库等功能，满足团队设计协作的各种需求。

Pixso 全中文界面更适合国内设计师，在 Pixso，设计师可以轻松完成UI设计、原型设计、设计交付、在线协作和资源管理等多个设计步骤，真正实现一站式设计交付。但除了一站式设计交付之外，Pixso 其实还暗藏了众多亮点功能：

• 支持导入各种主流设计文件：Pixso 不同于传统UI设计工具，Pixso 可兼容各种主流设计文件，支持导入来自 Figma、Axure、Sketch 和 Adobe XD 的设计文件，若导入的文件数量比较多，可以点击「文件导入」面板的「批量导入」按钮，将多个文件同时上传到 Pixso。
• 多人协同在线设计一键交付：Pixso 支持实时获取所有原型设计信息，实现一个工具替代多种传统原型设计和项目管理工具，摆脱团队多人无法在线设计困扰。
• 交互式动画一键便捷插入：Pixso 不仅支持插入一些图层，还可以插入交互式事件，高效化实现交互动画效果。
• 用户视角感知未来成果：Pixso 提供宏观和微观双重视角，可完整地向外界演示产品全貌和交互细节，也可利用 GIF 来微调动作、动画设计，不断优化 UI 设计。
• 开源的设计资源，开放的插件广场：Pixso 资源社区内置大量开源的设计资源、模板、素材，优秀的大厂设计系统、UI 设计套件、UI 设计图标、场景插画等都能在 Pixso 资源社区找到。Pixso 插件广场实时更新开源的设计插件，持续为 UI 设计师工作提效赋能。

02 Adobe XD

Adboe XD：跨平台的用户界面设计工具




操作系统：Windows/macOS

15 天免费试用




Adobe XD，是 Adobe 在 2015 年推出的专用于原型设计的工具，可与 macOS 上的 Sketch 相媲美。

如果你是一个跨系统工作的设计师，Adobe XD 兼容 Mac 和 Windows 设备的特性应该会很适合你，而且它还推出了移动端的 App。

使用 Adobe XD，你可以制作各种高保真原型，并在各种设备上进行测试，从而加快设计过程。从构思到资产交付，Adobe XD 是一个多功能工具，具有许多强大的特性和工作流。

Adobe XD 是 Adobe Creative Cloud 的一部分，Adobe XD 与其他 Adobe 设计工具无缝集成，比如 Photoshop，可以根据需要将 XD 的文件导入 Photoshop 做进一步的处理。

整体而言，Adobe XD 在设计方面可圈可点，唯一的缺点在于：采用按年订阅的付费方式，价格比较昂贵。

03 Sketch

Sketch：可能是 Mac 上最好的用户界面设计工具




操作系统: macOS

30 天免费试用




Sketch 是大多数 UI 设计专业人士的首选。如果你手里有 Mac 电脑，它是必备的。很少有 UI 设计师没有接触过或听说过 Sketch，因为它是创建原型的最强大的应用程序之一。

Sketch 提供了所有的工具，可视化设计，创建专业的艺术品，原型，并将最终结果交给开发人员。Sketch 最大的特点之一就是你可以对你的项目进行统一的修改，不管是图层、文本样式还是对齐方式，这样可以更容易地在不同的原型中复用原型，同时节省时间。

Sketch 上手比较容易，没有陡峭的学习曲线，所以它适合初学者和经验丰富的专业人士。

此外，Sketch 还有比较良好的插件生态，你可以利用 Sketch 的大量第三方插件和组件库来增加软件的核心功能。

04 Adobe Illustrator

Adobe Illustrator：Adobe 推出的矢量设计软件




操作系统：Windows/macOS

7 天免费试用




Adobe Illustrator 是一个矢量图形设计中的常客，非常适合专业的图形设计师和艺术家。它有一个广泛的工具，有助于创建网站设计，品牌 logo，视频游戏和打印。它与矢量图形一起工作，它们允许用户创建出精美的设计、草图和插图。

由于 AI 是矢量软件，它所制作的文件相对较小，在处理大型文件的兼容性和适配性上更加优秀。

Adobe Illustrator 允许用户访问 900 多万张图片、视频、模板和图形。他们被组织在 Adobe Stock，市场和一个高质量的图片集。你可以下载此软件，将其添加到可访问的内置模板中。

05 Adobe Photoshop

Adobe Photoshop：Adobe 推出的图像（位图）处理软件




操作系统：Windows/macOS

7 天免费试用




Photoshop，是 Adobe 公司旗下最出名的设计软件，从上个世纪诞生至今，几乎到了家喻户晓的程度。

人们通常把 Photoshop 简称为 PS，因为它强大的图像处理能力，可用于人像修饰、摄影后期，P图瘦脸可以说成了它的代名词。

Photoshop 拥有良好的兼容性，支持打开多种文件，包含 PDF、PICT、TIFF 和 PNG 等，它是创建漫画书、图形和动画的最佳选择。

06 Lunacy

Lunacy：免费跨平台的设计软件




操作系统：Windows/macOS/Linux

免费




Lunacy，是素材网站 Icons8 推出的跨平台设计软件，支持 Windows、macOS 和 Linux 系统。

Lunacy 提供了当下流行的基于人工智能的多款工具，包含提高图片分辨率、一键抠图、UI 界面用户头像生成器、文本生成器（占位符），有了这些工具的加成，可以极大地提升工作效率。

Lunacy 原先的团队是做素材网站起家的，因此软件也内置了各式各样的图形或素材，在使用 Lunacy 设计项目时可以直接调用，无需从外部网站导入素材。

在文件兼容性方面，Lunacy 支持导入 Sketch 文件，这款软件对 Sketch 具备比较好的兼容性，导入的 Sketch 文件基本能够得到还原，同时还提供了导出为 Figma 或者 Adobe XD 文件的选项。

07 Axure

Axure：用于复杂设计的 UI 设计工具




操作系统：Windows/macOS

30 天免费试用




Axure 是一款面向专业人士，需要高级技术的用户界面设计、复杂的工作流程和大型公司项目的 UI 设计工具。

它是一个功能强大的软件，包括自适应视图、条件逻辑、事件触发器、动画和无代码环境中的动态内容等高级特性。

它特别强调通过一键式选项进行交流，即时将原型发布到 Axure Cloud，以便分享、检查和收集团队的反馈，从而使开发人员的交接相对简单。

Axure 不是这个列表中最便宜的工具，但是它是一个很好的全方位的选择，可以轻松处理从基本的线框图到复杂的原型。

08 Framer

Framer：从设计到世界级网站或框架的建站工具




操作系统：Windows/macOS/Linux

免费 + 收费




Framer 是一个强大的 UI 界面计工具，你可以在几分钟内设计出逼真的网站和应用程序，使用预先制作的交互组件、布局工具等，可以为 iPhone、Android、Mac 等设计 UI 界面。

使用 Framer，你可以通过拖放预设的交互组件以及构建动画和转换来创建交互式原型。根据你的设计，Framer 生成基于代码的原型，其行为和感觉就像一个真正的应用程序或网站。

Framer 拥有大量的工具和特性来构建丰富的原型，包括作为设计基础的自适应布局，完全可定制的交互组件，以及用于分页、滚动和导航的内置工具。

从 UI 线框到最终的界面设计，都可以邀请任何人加入你的 Framer 项目开启合作，团队成员可以在画布上留下评论并回应反馈。

09 Affinity Designer

Affinity Designer：制作最精美的插图和设计




操作系统：Windows/macOS/iPadOS

付费买断软件，单平台 348 元，iPad 版本 78 元，全平台买断 648 元




Affinity Designer 是为习惯于在 Mac 设备上工作的设计师提供的 Ai 低价替代品。它是一款矢量软件，可以创建和编辑像素图层。

Affinity Design 提供了一个现代、直观的用户界面，允许用户在它和 Ai 之间无缝切换。

用过 Adobe 软件的朋友，应该会对 Affinity Designer 默认的工具栏和快捷感到熟悉。对于有插画或 PS 经验的设计师来说，上手 Affinity 很容易。

这个为 Mac 设计的软件附带了一个标准的钢笔和形状工具，可用来完成复杂的矢量和位图作品。工具栏将矢量、位图和导出工具分成了 3 个独立的模块，用户可以在工具集之间来回切换。

在价格方面，Affinity Designer 是买断制软件，价格为 348 元，相比动辄上千的 Photoshop 订阅费来说，已经非常良心了。

10 Antetype

Antetype：高级原型工具，无限用户体验原型




操作系统：macOS（有推出 Windows 和 Web 版本的计划）

免费 + 付费，付费版 4.99 美元/月




对于 UX/UI 设计师来说，Antetype 是高级原型设计工具：真正响应式布局、元素同步和所有可能的交互。如果你用到了这些特性，你创建的原型就会像一个成品。

Antetype 可以协助你创造具有各种功能的非凡体验，布局非常灵敏，可以根据你的喜好适应你的内容。断点也可用于适配不同的屏幕尺寸。对小部件的更改会自动同步到同一类型的所有元素，因此，你完全无需手动执行任何操作。

Antetype 还可以创建 HTML、CSS 和 JavaScript 原型，它完全基于开放网络技术。更重要的是，你也可以使用它来渲染 3D 模型或动画图形，建造几乎任何你能想到的东西！

11 UXPin

UXPin：UI 设计和原型工具




操作系统：macOS/Windows/iOS/Android/Web

免费 + 付费，基础计划 19 美元/月，高级计划 29 美元/月，专业计划 69 美元/月




UXPin 是一个强大的端到端设计平台，具有强大的原型开发能力。它可以说是创建高保真、逼真原型的最佳工具之一。

当使用 UXPin 进行原型设计时，你可以从头开始，也可以从 Sketch 或 Photoshop 导入现有设计，以及静态 PNG 或 JPG 文件。

一旦你开始制作一个原型，你会发现 UXPin 的界面和 Sketch 和 Photoshop 非常相似: 中间是一个空白的画布，左右两边是各种各样的工具、形状和图标库。

如果从头开始设计，可以使用钢笔工具和形状来添加基本的 UI 元素。从那里，你可以绘制出可点击的热点区域，以添加交互性，插入现成的元素，并建立高级交互，如按钮悬停，可扩展菜单和条件导航流。

你最终会得到完全可点击的原型，这取决于他们的视觉保真度，可以感觉到几乎没有区别于一个真正的，活生生的产品。

12 Balsamiq

Balsamiq：可用来快速绘制线框图的 UI 设计工具




操作系统：Windows/macOS/Linux

30 天免费试用




如果你正在寻找一个专注于快速线框图的工具，可以去 Balsamiq 看看。通过用户友好的界面，Balsamiq 可以轻松地快速开发低保真的线框图，即便你是 UI 设计的新手。

Balsamiq 成为设计师们最喜欢的一个特性是用户界面库，它有大量的元素，你可以通过拖放在几分钟内创建高质量的线框图。

Balsamiq 还提供与 Google Drive 和其他云存储平台的集成，使备份和分享工作变得更加容易。总的来说，对于初学者和专业人士来说，如果你正在寻找一个简单的线框图工具，去除不必要的图标和功能，这是一个非常棒的工具。

13 Penpot

Penpot：首个面向跨领域团队的开源设计和原型设计平台




操作系统：Windows/macOS/Linux

开源免费




Penpot，一款可以看成是 Figma 的开源免费替代方案的工具，在去年 Adobe 收购 Figma 的事件出来后，不少设计师担心 Adobe 的介入，会让 Figma 开始「变味」，因为这点，有些人就转而开始关注 Figma 的替代工具或者同类产品，Penpot 就是其中一个非常有代表性的产品。

和 Figma 一样，Penpot 提供协作、团队管理、实时协作、共享资源、资源库等功能，不过由于 Penpot 是一个开源设计工具，它不限制用户创建的项目数量、无限协作人数、可使用团队资源库等功能。

Penpot 采用开放式网络标准（SVG），支持导出 svg + json 格式的文件，这确保了它可以兼容绝大多数矢量设计软件，在你需要的时候，可以随时将 Penpot 中的文件迁移到其他的设计软件。

14 Uizard

Uizard：让 App 和网页设计更简单




操作系统：Windows/macOS/Linux

免费 + 收费，专业版 15 美元/月，商业版 39 美元/月




Uizard 是一款学习曲线低，非常适合初学者的 UI 设计工具，无需任何设计基础，也可以轻松设计移动应用程序、Web 应用程序、网站和软件界面。它的一个有趣功能是可以使用 Uizard AI 设计助手扫描你的草图，并自动将其转换为精美的设计。

此外，UWizard 可以将你的线框图转换成代码，这样你就可以直观地表达你的想法，而不必重写代码，只需配置代码的首选项，选择一个目标平台 HTML & CSS、React 或 Android，并在几秒钟内生成代码。

在文件导出方面，Uizard 提供了导出 Sketch 文件的选项，这意味着你可以在 Sketch/Figma/Pixso/Adobe XD 中打开 Uizard 导出的文件，以便在其他软件中做进一步的处理。

15 Proto.io

Proto.io：基于浏览器的 UI 设计工具




操作系统：Windows/macOS/Linux

15 天免费试用




Proto.io，最初是为了在移动设备上测试真实的应用动画而开发的，但是它已经更新到可以与几乎所有带有屏幕界面的设备相兼容，比如智能电视、游戏控制台、智能手表等等。

Proto.io 拥有庞大的 UI 组件、模板，结合了直观的拖放界面的数字资产库，不需要学习编码就可以轻松入门用户界面设计。

设计师可以利用各种方便的工具，如导入插件，在 Sketch 和 Adobe XD 等其他应用程序之间传输数据，从而最大限度地利用 Proto.io。

除了流行的测试平台如 Lookback 和 Validately 之外，Proto.io 还提供了与 Dropbox 的集成，以创建一个协作环境来接收评论和反馈。

Proto.io 最大的优势在于，它只需点击几个按钮就可以创建带有微动画的交互界面，但使用这样一个高级应用程序需要支付比较昂贵的费用。

写在最后

看完本文介绍的 15 款 UI 设计工具，不知道你是否会犯「选择困难症」，纠结要选哪个 UI 设计工具好？

无论你选择哪款 UI 设计工具，作为资深设计师还是十分推荐大家使用 Pixso！Pixso 作为一款集【白板 · 原型 · 设计 · 协同 · 交付 · 资源管理】于一体的企业级协同 UI 设计工具，不仅解决了图层堆积的麻烦，实现复杂的矢量设计，而且 Pixso 最近又上线了多款实用的设计插件，为设计协作提效赋能，心动不如行动，快来 Pixso 体验新功能吧！