UI 和 UX 设计师的 6 个 Figma 替代方案

已发表: 2022-09-16

Adobe 收购 Figma 的消息现已传出。 充斥 Twitter 和 Slack 频道的模因数量相当可观。 虽然我不能代表所有人,但我认为相当多的设计师将无法舒适地接受这个消息。

首先,此时,Figma 仍将是一家独立(独立于 Creative Cloud)的公司。 首席执行官迪伦·菲尔德(Dylan Field)的公告中说了这么多。 随着有关他们未来计划的更具体信息的出现,本文将相应更新。

9.16.2022 – Figma 在 Twitter Spaces 上讨论了此次收购,Ashish 汇总了所有所说/讨论的内容。

另一件事是 Figma 在免费计划和社区中心方面都没有真正的竞争。 如果您是一名小型设计师或博主,您将无法区分他们的免费和专业计划。 这就是它有多好。

比赛得到了相当多的鞋子来填补。

不仅仅是 Figma 是一个跨平台、协作优先的设计和原型工具,有十几个用例。 在短短 6 年的时间里,Figma 从一个设计工具发展成为设计资源、工具和如何创建世界级用户界面指南的中心。

Figma 社区

如果您是 Sketch、InVision、Adobe XD 或任何其他替代平台用户,那么 Figma 可能仍然是您日常设计工作流程的一部分,因为它的资源非常好。 对于实际的 Figma 用户来说,这被放大了十倍。 从模板到 UI 工具包,再到纹理和模式,再到极其丰富的插件库,让设计变得更加愉快。

我认为这是一个公平的评估,除了人们对 Adob​​e 收购 Figma 感到不安之外,还担心失去对这些社区策划资源的访问权。 无论您是付费还是免费的设计工具,集成社区方面都可能是有益的。 如果有一天 Adob​​e 决定在 Figma 上拔掉插件并将其塞进 Creative Cloud 中,那就更是如此。

UI 和 UX 设计师的 Figma 替代品

人类是适应性极强的生物,因此我们将回顾使 Figma 成为一个出色平台的许多因素。 相反,我们将看看是什么让其他设计/原型工具成为可靠的替代品。


1. 笔筒

Penpot - 团队设计工具

Penpot 自 2021 年以来一直在工作(尽管它的想法似乎可以追溯到 2018 年),并且正在构建为用于设计、协作和原型设计的开源软件。 它是跨平台的(基于浏览器),您可以使用 Elesio 或 Docker 自托管 Penpot。

该项目本身仍处于Beta阶段,我相信它会保持这种状态一段时间。 尽管如此,Penpot 的主要功能是什么?

  • 设计——用于创建和管理设计项目的组件驱动界面。
  • 原型设计——创建交互式用户体验预览和测试设计流程。
  • 协作——实时团队协作,支持反馈和评论。
  • 反馈——针对特定元素创建评论并与您的团队分享。
  • 资源– 社区策划的库和模板。

因此,Penpot 非常符合 Figma 提供的功能,包括免费。 至于 Penpot 的界面,Figma 和其他类似工具有很多相似之处。

Penpot 接口示例

我认为如果你玩弄它,你肯定会想出一些不像 Figma 那样活泼的东西。 可以复制和粘贴图像,但与 Figma 中的线性相比,Assets 结构本身可能需要一分钟才能适应。

Penpot 没有的一件事是 Auto Layout,但这已在这条推文中得到确认,并且应该很快就会到达。 而且,正在确保您可以将 .fig 文件上传到 Penpot。 这似乎是在添加自动布局之后出现的。

DesignCourse 的 Gary Simon 最近为 Penpot 做了一个教程,你可以在这里观看他的 30 分钟介绍视频。 本教程基于一个简单的投资组合登陆页面设计,它很好地概述了 Penpot 在这个开发阶段的能力。

2.素描

草图 - 设计和原型

我敢肯定 Sketch 的团队对这个消息很高兴。 Figma 和 Sketch 是市场上最好的 UI/UX 设计工具,并且在这方面有很大的优势。 Sketch 的唯一问题是它被锁定在 macOS 之后(网络应用仅限于原型共享和反馈),尽管有传言称他们计划扩展到其他系统。

Sketch vs Figma

我很想坐在这里讨论 Figma 和 Sketch 之间的各种比较,但他们已经为我做到了。 该页面适用于任何刚接触 Sketch 或有以前经验的人,并且需要重新了解 Sketch 与 Figma 的比较。

关于社区参与,Sketch 绝对是其中最好的。 有几十个活跃的 Sketch 免费赠品网站,Sketch 有一个插件系统,除了扩展和集成之类的东西。 他们还有一个很棒的免费课程,作为设计基础知识的介绍,但更重要的是——Sketch 的界面和功能。

至于定价,Sketch 提供 30 天的免费试用期,其高级计划固定为每年 99 美元。

3. 选址

无代码网站建设者,设计师的网页设计工具

如果您使用 Figma 主要是为了使用预先存在的 UI 工具包,然后您可以自定义这些工具包并将其传递给 HTML 模板,那么 Siter 可能被证明是一个有用的替代方案。 该设计工具构建为无代码平台,用于构建和自定义网站布局并通过 Siter 发布它们。

他们平台的优点在于您可以邀请其他人就相同的设计进行协作。 换句话说,对于专门为其客户构建实时网站的机构中的任何人来说,这可能是一个不错的选择。 项目完成后,您可以将所有权转让给您的客户。

网站编辑器

以下是其他一些功能:

  • 代码– 您可以添加在发布或预览设计时执行的自定义代码。
  • SVG – 可以导入和编辑 SVG 矢量或使用曲线自己创建它们。
  • 运动– 通过实时预览调整元素状态(过渡、悬停、活动)。
  • Figma 导入– 你可以 导入现有的 Figma 项目并将其变成一个实时网站!

个人项目的起价为每月 12 美元,最多有 5 个合作者和/或项目的项目起价为 19 美元。

4. 用户体验

UXPin - 设计和原型设计工具

设计工具的一件事,无论是用于插图还是 UI 设计,都是一段时间后,它们都有相同的感觉。 当然,每个工具都有一些其他工具可能没有的独特功能,但从远处看——设计工具往往以类似的方式构建。

那么,UXPin 与此有何不同?

UXPin 是一种基于代码的设计工具,可让您使用开发人员使用的相同组件来构建界面。 该功能称为 Merge,仅适用于 React。

可以在没有此功能的情况下使用 UXPin,并且该平台对于日常 UI 工作(包括原型设计、线框图和协作工作)来说是成熟的。

如果这听起来还不够疯狂,UXPin 还支持集成预先存在的设计系统作为您下一个 UI 项目的起点。 您可以在 Material UI 之间进行选择,或者浏览 Adele 目录以查找 UXPin 支持的所有组件库。

无耻插件:我之前写过关于 React 组件库的文章。

如果您想了解更多信息,可以去UXPin Docs。 您将找到有关此工具必须提供的各个方面的详细说明,包括编辑器示例和如何使用它,以及许多其他功能,以及有关其合并功能的所有信息。

定价呢? UXPin 提供两种不同的计划:合并和标准。 合并起价为 Startup 计划(1 位用户)每月 89 美元,Company 计划(也是每 1 位用户)每月 119 美元起。 标准版每位用户每月 19 美元起,专业版每月 69 美元起。

5. 亲和设计师

亲和设计师

Affinity Designer 经常被忽视,因为它本身并未作为 UI/UX 工具进行营销。

尽管如此,它仍然能够进行模型设计、UI 设计、徽标和品牌资产。 最重要的是,它具有惊人的插图功能,如果您使用 Figma 的主要目的是设计和优化诸如品牌资产和整体创意结构之类的东西,那就太好了。

这段来自 Joshua Omido 的视频很好地概述了 Affinity 的界面,同时也介绍了使用移动应用程序 UI 设计的整个过程。

话虽如此,Affinity Designer 缺乏实时协作和原型制作等功能,也没有插件系统。 绝对是团队的交易破坏者。

最后但并非最不重要的一点是,Affinity Designer 擅长的领域是其许可系统。 您只需为软件付费一次(60 美元 + 免费试用),即可在 Windows 或 macOS 设备上使用它。

6. 视觉

视觉

InVision 提供了 FigJam 的替代解决方案。 作为 Figma 用户,您很可能已经熟悉 FigJam。 如果不是,它是一个基于团队的在线白板界面,您可以在其中共同思考想法、制定计划并创建可视化项目轨迹。 InVision 提供了相同的解决方案,专注于可负担性(它有免费计划! )和简单的功能。

是否有任何适用于 Linux 的(本机)UI/UX 设计工具?

在过去的 24 小时内,我看到很多人问这个问题,据我所知——唯一的原生 Linux UI/UX 设计工具是 Akira。

Akira - 在 Vala 和 GTK 中构建的用于 UI 和 UX 设计的本机 Linux 应用程序

该项目处于早期开发阶段。 除非人们愿意自己为项目做出贡献或在经济上支持它,否则我预计进展会相对缓慢。 这也是为什么许多更流行的 UI/UX 设计工具严格专注于基于浏览器的界面的原因,因为它消除了构建本机应用程序的需要。