UI 设计的工具层出不穷，每年都有不同的设计软件、动效工具、标注工具、原型工具问世。原因是因为 UI 类设计操作太简单，所以软件都以轻量化标榜。
轻量就意味着开3 w ^ / ] S [发的门槛低，会有很多新创业团队参与开发新的软件，形成一个X ) F 3 #充分 “内卷” 的环境。
从 SketchQ e ] u E * i 问I t G I = W世以后，Adobe 上市了 XD，AffiL = / , Fnity Design 更新了对 UI 的支持，再然后有了千呼T c j %万唤+ a Z M N始出来的 Invisio4 U f : %n Studio，以及后来居上的 Figma 等。
没有一家产品能像 Adobe 一样在平面领域获得统治地位，山头林立。
上面提到的还都是国外的产品，既然产品门槛不高，为什么只能鬼佬做，中国人就不能做（狗头）。于R p , Z :是，在今天国内 “致敬” Figma 的 UI 界面工具也出现了。
还有一些针对原型、交互领域的设计工具理论上也是可以进行 UI 界面视觉设计的，这导致了我们在工具选择领域上的进一步混乱。
下面，我们再把上面提到的所有软件做个汇总，见下面的图表。
界面的设计本质上是对 2D 平面图形的设计、排版t q | 0 4，理论上所有可以进行平面设计、g , M % 8 h Q排版的软件都可以做 UI 设计。但合不合适，好不好用，那是另一个议题。
只要你乐意，拿 Excel 做 UI 也不是不可以。
在 Adobe 已经称霸平面软件的背景下，Sketch 还能异军突起，就是因为 PS、AI、ID 等软件，对于 UI 设计来说太臃肿。
本来这应该是一个共识了，但依旧有大量的同学还在用 PS 做界面，以及争论 PS 的好处（对 UI 设计），这是让我比较惊讶的。
“设计重要的是想法，不是软件……”，这话并不是在什么情景下都正确，PS/AI 和 Sketch 的对比，就像欧洲重卡和超市购物车的区别，都可以装货送货，即使欧卡冠军也不会开重+ r ! l卡进超市里购物的。
UI 的界面设计需要应用到视觉功能大概只占 PS/S 4 _AI 的 1%，而多* ! m G 8 ) ; P J出来的 99%，并不是额外附赠的，是需要承担对应代价的：
- 启动关闭软件n K @ e F a B 6 :速度更慢，时间更久
- 生成的文件体积更大，更占空间
- 对 CPU、内存的消耗更大，更占资源
- 图层计y o x a %算量较大，延迟高，卡顿
- 有更多的奇怪 BUG 和闪退问题
- ……
在刚开始学习做界面的时候，只做一两个界面对问题感[ B @ * i – ~知是不明显的。但一个完整I E p W = t ` R的 UI 项目，页面数不是个位数，往往总量达到三位数。
我们不仅要做很多页面，而且要反复调整里面的内容，在上百个页面中甚至还要经常修改反复出现的某类文字、控件的样式，这样操作效率的问_ ; ~题就会被无限的放大，直至你发现 PS/AI 的7 \ t = 4 r {缺陷会严重影响m ; X y P G { o你的进度和工作量，并且完全无法避免。
而在 Sketch/XD/Fg 6 B V 8 $ r ` Rigma 中，除了轻量化带来的效率优势外，会针对项目使用场景提供丰富的功能，– , 5 , T w包括样式批量的修改、自动布局、复用组件、团队协作、线上分享……
PS/AI 虽然是设计师必学软件，但应用它们的场景并不在设计一般 APP 界面中，这是毋庸置疑的结论。
我们在学习的过程是不需要纠结应该学 PS/AI 好还是 Sketch/XG F G C F 8D/Figma 好，而是两类都要学，只是 Sketch/XD/Figma，你应该学哪个？
熟悉我们的朋友应该都知道，很多年前我们就在网上的平A _ H ] O %台推荐使用 XD，也录制了不少和 XD 有关的教程 https:w = ! w x N 7//uiiiui5 Z fii.com/other/121283544.html
但是，今天它是我们第一个要排除的对象，因为过去我们看好它的潜力在这几年并没有* w \ 4 V E |兑现，且远远没有达到预期。相比 Sketch 和 Figma 来讲，功能过于简陋。
而且在国学的教学经验中，XD 还有个非常不靠谱的D 0 ] U问题就是因为采用 Winapp 格式，兼容性极差，在 Win10 不同版本会产生l l e a { +各种奇怪的问题，只j q U 5 e D Q e f有重装系统一条路能走。
所以还没开始; 2 ~ T ?学习的同学，可以直接略过 XDn + M | ` / l ) G，正在用的同学，可以尽早开始迁移到其它软件。
而接下来，就要说说 Sketch，这是名气最响，在= f b U P @国内使用范围也最广的 UI 设计工具。
Sketch 功能强大，也发展和积4 Y @ N –累了足够久的轻量化设计软件，但苦于只能在 Macf $ 5 Q ^ = 1 端使用，Windows 用户是无缘上手的。
当然，这也不是它唯一的问题，还有下面这些缺点：
- 内存管理不I } X l o ;理想，容易导致内存占用率过高和溢出
- 位图渲染方式也不理想，缩放显示效率低..
- 不能多人协作，只能使用传统的文件保存和分享
- BUG 越改越多，极其容易造成未响应和闪退问题
- ……
Sketch 的这些缺陷在 UI 设计圈子中造成r j B非常普遍的吐槽和不满，所以，Figma 就踩着它的痛处上位了。
Figma 从诞生起就被称为次世代的设7 w l计工具，因为它最大的特点就是通过线上网页] , J ^ N i b x M的方式运行，能高效满足远程的分享、协作和沟通。
这意味着一个设计团队的工程文件管理可以实时同步，再也不用分散在每个设计师的电脑中，修改一个文件也不用每次发Z ] R H一遍源文h e n ) A _ s % 5件，加上可外链的规范库，让团队设计效率得到革命性的升级。
至于细节功能– [ q N L I w上的差异，还有| % u Figma 对页面渲染效率的优势，都是次要因素。在各个国外设计媒体和网站上，Figma 使用者的占比逐年稳步上升，) u 0 s / 2反超 Sketch 成为最多人使用的 UI 设计工, I j 1 z n Q T i具，就已经说明它的优势了。
即使国i H / I 3 a I ;内的主流大厂，也有大量的团1 P t x 6 e队开始转用 Figma，作为主要的项目界面设计工B P m g y 8 g [ –具。腾讯自B z *己出过一份~ 9 3 p 7 # L Figma for Tencent 的报告* = 2 ; 9 4 E，下面是一些关键截图。
Figma 在国内也必将成为未来的发展趋势之一，这个方向是不可逆的，在趋势面前……当然是选择顺应Q ? P W – : I它咯！Figma 是目前我们最推荐的 UI 设计工具，是新手学习和o * ? 1 h p入门的首选。但是，对新手来讲，它前期包含的 3 个阻力，分别是网络、语言、费用，下面简单做个说明。
1. 网络问题
因为 Figma 没在国内部署服务器，所以在不开加速器的情况下往往会访问比较慢，但实际体验下是这两年的国内访问速度提升非常可观（做过专项线路优化应该）K S Q \ H ,，满足日常使用。
2. 语言问题
因为 Figma 没做中文适配，有传说中的补i n q [ x b丁包，但是非常不稳定，而且每次 Figma 更新就要重装（每周一次以上的频率）。作为 UI 设计来讲，必要的英文专业词汇还是要了解的，只要看过教程多操作，顺带用翻译软件看下名词解释s t Y + 4 8 ~ 1，几天j k a ] ?就能完全适应。
3. 费用问题
对于个人用户是免费的m 2 _ J $ D X，在未来进行团队协作的时候，人均月费是 12 刀，价格并不算太贵，而且因为自带蓝湖的/ a c / = q 4 $功能，可以省掉蓝湖的费用。
如果现在正在用别的6 q P软件，也不要紧，UI 类软件的学A 4 B W : h习成本非常低，只要掌握其中一款，再学会另一款也就 1-2 天的时间。
前面也说到，除了国外的产品，国内也开始有团队入局开发类 Figma 的q 3 9 1 k s U c软件，我们姑且称为是 “致敬”（比如类 Notion 应用）。
长远来看，这当然是一件好事，因为自己人做的产品必然会以迎合本土设计市场、习惯来定制，随着功d { { z d P \ V =能的迭代，必然会新增更多符合国内 UI 设计师实际需求的功能。同时，会有更: W * % 8 B | P快的网络，更便宜的价格，更好的售后支持，这对于生产力工具来说都是必要的条件。
当然，前景看好归看好，那是以后的事情，但在今天，这两款软件都还非常的不成熟，有大量的问题。
JS Design 上线的比较早，功能相对完善一点，我们有用它来处理一些课程需要的知识点，但是页面往往加载= 7 D g L J有 BUG，读取速度慢，对于轻量使用来说勉强够用。
而刚上线的 Masm g i d n V I H #ter，是由蓝湖团( m ; \ P P 1队自己开发的设计工具，明摆着是为了和自家标注切图工具打通实现 UI 设计流的闭环。
但c } / k是，目前的实际使用体验只能说是 “惨不忍睹Y C ? 8 Z A”，有大量的恶性 BUG，字体的使用上也有非常多的局限。只能简单尝尝鲜关注下，在短期内完全无法作为生产力工具。
虽然看好国产类 Figma 工具的未来，但是时机还不够成熟，作为新人也不需要花太多\ m M精力学习。只要能掌握 Figma 本身，等到这些软件完善以后在未来再转入即可。
看完想必大家也知道我们最推荐的 UI 设计工具就是 Figma，它代表了未来的生产力和趋势。顺便，我们再制作了张表，把这些软件的特征做一个横向的对比。
欢迎关g h M 6 U d [ ?注作者的微信公众号：「超M X m N b ^人的电话亭」
