UI 设计的工具层出不穷，每年都有不同的设计软件、动效工具、标注工具、原型工具问世。原因是因为 UI 类设计操作太简单，所以软件都以轻量化标榜。

轻量就意味着开发的门槛低，会有很多新创业团队参与开发新的软件，形成一个充分 “内卷” 的环境。

从Sketch问世以后，Adobe 上市了 XD，Affinity Design 更新了对 UI 的支持，再然后有了千呼万唤始出来的 Invision Studio，以及后来居上的 Figma等。

没有一家产品能像 Adobe 一样在平面领域获得统治地位，山头林立。

上面提到的还都是国外的产品，既然产品门槛不高，为什么只能鬼佬做，中国人就不能做（狗头）。于是，在今天国内 “致敬” Figma 的 UI 界面工具也出现了。

还有一些针对原型、交互领域的设计工具理论上也是可以进行 UI 界面视觉设计的，这导致了我们在工具选择领域上的进一步混乱。

下面，我们再把上面提到的所有软件做个汇总，见下面的图表。

界面的设计本质上是对2D平面图形的设计、排版，理论上所有可以进行平面设计、排版的软件都可以做 UI 设计。但合不合适，好不好用，那是另一个议题。

只要你乐意，拿 Excel 做 UI 也不是不可以。

在 Adobe 已经称霸平面软件的背景下，Sketch 还能异军突起，就是因为 PS、AI、ID 等软件，对于 UI 设计来说太臃肿。

本来这应该是一个共识了，但在最近的训练营和 B 端的交流群中，依旧有大量的同学还在用 PS 做界面，以及争论 PS 的好处（对UI设计），这是让我比较惊讶的。

“设计重要的是想法，不是软件……”，这话并不是在什么情景下都正确，PS/AI 和 Sketch 的对比，就像欧洲重卡和超市购物车的区别，都可以装货送货，即使欧卡冠军也不会开重卡进超市里购物的。

UI 的界面设计需要应用到视觉功能大概只占 PS/AI 的 1%，而多出来的 99%，并不是额外附赠的，是需要承担对应代价的：

启动关闭软件速度更慢，时间更久

生成的文件体积更大，更占空间

对CPU、内存的消耗更大，更占资源

图层计算量较大，延迟高，卡顿

有更多的奇怪 BUG 和闪退问题
……

在刚开始学习做界面的时候，只做一两个界面对问题感知是不明显的。但一个完整的 UI 项目，页面数不是个位数，往往总量达到三位数。

我们不仅要做很多页面，而且要反复调整里面的内容，在上百个页面中甚至还要经常修改反复出现的某类文字、控件的样式，这样操作效率的问题就会被无限的放大，直至你发现 PS/AI 的缺陷会严重影响你的进度和工作量，并且完全无法避免。

而在 Sketch/XD/Figma 中，除了轻量化带来的效率优势外，会针对项目使用场景提供丰富的功能，包括样式批量的修改、自动布局、复用组件、团队协作、线上分享……

PS/AI 虽然是设计师必学软件，但应用它们的场景并不在设计一般 APP 界面中，这是毋庸置疑的结论。

我们在学习的过程是不需要纠结应该学 PS/AI 好还是 Sketch/XD/Figma 好，而是两类都要学，只是 Sketch/XD/Figma，你应该学哪个？

熟悉我们的朋友应该都知道，很多年前我们就在公众号，网上的平台推荐使用 XD，也录制了不少和 XD 有关的教程。

但是，今天它是我们第一个要排除的对象，因为过去我们看好它的潜力在这几年并没有兑现，且远远没有达到预期。相比 Sketch 和 Figma 来讲，功能过于简陋。

而且在国学的教学经验中，XD 还有个非常不靠谱的问题就是因为采用 Winapp 格式，兼容性极差，在 Win10 不同版本会产生各种奇怪的问题，只有重装系统一条路能走。

所以还没开始学习的同学，可以直接略过 XD，正在用的同学，可以尽早开始迁移到其它软件。

而接下来，就要说说 Sketch，这是名气最响，在国内使用范围也最广的 UI 设计工具。

Sketch 功能强大，也发展和积累了足够久的轻量化设计软件，但苦于只能在 Mac 端使用，Windows 用户是无缘上手的。

当然，这也不是它唯一的问题，还有下面这些缺点：

内存管理不理想，容易导致内存占用率过高和溢出

位图渲染方式也不理想，缩放显示效率低..

不能多人协作，只能使用传统的文件保存和分享

BUG越改越多，极其容易造成未响应和闪退问题

……

Sketch 的这些缺陷在 UI 设计圈子中造成非常普遍的吐槽和不满，所以，Figma 就踩着它的痛处上位了。

Figma 从诞生起就被称为次世代的设计工具，因为它最大的特点就是通过线上网页的方式运行，能高效满足远程的分享、协作和沟通。

这意味着一个设计团队的工程文件管理可以实时同步，再也不用分散在每个设计师的电脑中，修改一个文件也不用每次发一遍源文件，加上可外链的规范库，让团队设计效率得到革命性的升级。

至于细节功能上的差异，还有 Figma 对页面渲染效率的优势，都是次要因素。在各个国外设计媒体和网站上，Figma 使用者的占比逐年稳步上升，反超 Sketch 成为最多人使用的 UI 设计工具，就已经说明它的优势了。

即使国内的主流大厂，也有大量的团队开始转用 Figma，作为主要的项目界面设计工具。腾讯自己出过一份 Figma for Tencent 的报告，下面是一些关键截图。

Figma 在国内也必将成为未来的发展趋势之一，这个方向是不可逆的，在趋势面前……当然是选择顺应它咯！

Figma 是目前我们最推荐的 UI 设计工具，是目前新手学习和入门的首选。但是，对新手来讲，它前期包含的3个阻力，分别是网络、语言、费用，下面简单做个说明。

网络问题

因为Figma没在国内部署服务器，所以在不开加速器的情况下往往会访问比较慢，但实际体验下是这两年的国内访问速度提升非常可观（做过专项线路优化应该），满足日常使用。

语言问题

因为 Figma 没做中文适配，目前一定要刷中文是有传说中的补丁包，但是非常不稳定，而且每次 Figma 更新就要重装（每周一次以上的频率）。作为 UI 设计来讲，必要的英文专业词汇还是要了解的，只要看过教程多操作，顺带用翻译软件看下名词解释，几天就能完全适应。

费用问题

对于个人用户是免费的，在未来进行团队协作的时候，人均月费是 12 刀，价格并不算太贵，而且因为自带蓝湖的功能，可以省掉蓝湖的费用。

如果现在正在用别的软件，也不要紧，UI 类软件的学习成本非常低，只要掌握其中一款，再学会另一款也就 1-2 天的时间。我们也会在未来继续更新 1 小时系列软件课帮助大家快速入门。

前面也说到，除了国外的产品，国内也开始有团队入局开发类 Figma 的软件，我们姑且称为是 “致敬”（比如类 Notion 应用）。

长远来看，这当然是一件好事，因为自己人做的产品必然会以迎合本土设计市场、习惯来定制，随着功能的迭代，必然会新增更多符合国内 UI 设计师实际需求的功能。

同时，会有更快的网络，更便宜的价格，更好的售后支持，这对于生产力工具来说都是必要的条件。

当然，前景看好归看好，那是以后的事情，但在今天，这两款软件都还非常的不成熟，有大量的问题。

JS Design 上线的比较早，功能相对完善一点，我们有用它来处理一些课程需要的知识点，但是页面往往加载有 BUG，读取速度慢，对于轻量使用来说勉强够用。

而刚上线的 Master，是由蓝湖团队自己开发的设计工具，明摆着是为了和自家标注切图工具打通实现 UI 设计流的闭环。

但是，目前的实际使用体验只能说是 “惨不忍睹”，有大量的恶性 BUG，字体的使用上也有非常多的局限。只能简单尝尝鲜关注下，在短期内完全无法作为生产力工具。

虽然看好国产类 Figma 工具的未来，但是时机还不够成熟，作为新人也不需要花太多精力学习。只要能掌握 Figma 本身，等到这些软件完善以后在未来再转入即可。

看完想必大家也知道我们最推荐的 UI 设计工具就是 Figma，它代表了未来的生产力和趋势。顺便，我们再制作了张表，把这些软件的特征做一个横向的对比。

我们下篇再贱～






本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：超人的电话亭！