▲

点击上方蓝字关注「UIHome」

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，它代表了未来的生产力和趋势。顺便，我们再制作了张表，把这些软件的特征做一个横向的对比。