最近有一款新兴设计工具 「Figma」 逐渐走进了大家的视野，越来越多的人认识或者上手尝试了这款软件，不过似乎还是有不少同学对Figma一头雾水，不知道这是哪里杀出来的程咬金，那么今天我们就来简单介绍一下Figma。

Figma 是什么？

它是一款类似Sketch或XD的UI设计工具，但Figma跟后两者的本质区别在于它基于web，也就是说只要有浏览器和网络就能开、就能用。



目前Figma在国外收割了一大批拥趸，比如大家耳熟能详的Twitter、微软、Github以及Dribbble等等。在国内的热度虽然还没有这么高，不过Figma正在逐渐抢占 Sketch 的用户，比如最近很火的阅文，其体验设计部YUX已将海外项目webnovel全部迁移至figma。


那么它何德何能，可以成为如此耀眼的新星呢？

1. Windows上最好用的UI设计工具

由于Windows生态的缘故，UI类的专业设计工具似乎对windows都极度不友好，不管是像sketch这样根本不开发windows版本，还是XD这样哪怕有windows版，也是各种闪退、bug频出，总之windows的UI设计体验向来是非常差的。

这时候figma给windows带来了媲美，甚至超过sketch之于mac的体验。基于web这个基本特质决定了figma非常容易适配全平台，只要你的设备有浏览器，联了网，就随时随地可以快乐地进行设计。

不管是macOS、windows、Linux，甚至最近连 iPad 都可以了！

2. 丝般顺滑不卡顿
不管是曾经习惯用Ps做设计的同学，还是用sketch的同学，我想你们都有被卡顿的支配的恐惧，图层一多、文件一大、页面一复杂就连移动图层都变得异常费劲。


在使用Figma之前，我也以为线上的软件必然比本地的好不到哪里去，但后来发现我错了，脸都被打肿了，这里演示中因为iOS没有figma版本的guideline，所以用谷歌MD的替代，文件量大致相当。


Figma似乎并不怎么消耗本地资源，也完全没有 sketch 那样严重的内存泄漏问题，所以当我打开同一个APP项目文件，Sketch 内存 (加缓存) 占用达到恐怖的 16G，figma甚至不足160M。



经过实际体验来看，无论多大的文件，Figma 似乎都能达到流畅的60帧渲染。


3. 大杀器 — 全局组件
Figma的组件和sketch类似，但又有区别。

得益于线上协作的模式，你可以在figma新建一个专门的文件来定义组件 (component) 或者样式 (Style)，再把这个文件发布到库 (Library)，这样你团队中的所有成员都可以在团队中的任意文件调用这些组件。



而只要修改其中一个组件的样式，团队中所有的文件内用到该组件的地方，都能选择是否要同步更新。

有同学可能会问 “啊那不是和sketch的library一模一样么？”

区别在于Figma的组件库是同步、实时、全员更新的。这就意味着团队中每一个成员和组件库之间的交互都更加快捷高效，而组件库可以更新给全部成员、全部文件，再也不用像Sketch那样10个人10种不同的组件版本了。

4. 拉拢团队用户的核心竞争力 — 团队协作

而Figma最最核心的竞争力，非团队协作不可，这也是Figma能够抵抗sketch赢家通吃的大势，硬生生从sketch手里抢下一片市场的关键所在。

它进可实时协作，几位设计师同时操作同一设计文件，不用再受你改一下保存完之后他才能再改第二下的困扰；它退又可评论留言，哪里急需修改、哪里优先级较低，又或者如果恰好马上下班，却有地方需要记录的话，这个功能绝对属于杀手级feature。



5. 恢复历史版本

我不知道大家有没有经历过，对一个文件一顿猛改之后眼疾手快行云流水地按下了 ⌘+S 和 ⌘+Q ，美滋滋交稿下班之后leader pick了前一个版本。尽管这是小概率事件，不过一旦遇到就只能欲哭无泪地修改回去。

Figma在这一点上就做的非常到位，版本管理体验良好。



Figma中每一个成员做的每一次修改都会自动生成对应的历史版本，即使一些成员误操作修改或者删除了一些东西，依然有机会一键抢救。



但Figma目前也有一些有一些可能“劝退”新人的问题：

1. 无中文

我想作为设计师，认识几个英文单词并不是什么难事，新人只要多用几天软件，一边用一边查查词典，就Figma里面这些单词量并不成问题。

2. 全程需要联网

同样是由Figma线上工具的特质决定的，在没有网络的特殊情况下可以先使用sketch来完成工作，再将sketch文件导入figma，图层、蒙板、图片、矢量几乎全部可以保留下来。

3. 网络不是特别稳定

由于figma服务器在海外，所以国内网络直连不太稳定。如果你想要又快又稳定的网络访问，找一个梯子对于设计师这种常年扒在墙头往外瞄的人来说也并不是一件难事。

4. 插件、资源生态不够完善

相较于Sketch来说，Figma显然还属于后辈，所以插件生态还略显单薄不是特别完善。不过Figma本体的功能已经非常完善和强大了，所以日常工作基本上都能满足。

这些问题有些如果努力一下完全不成问题，有些问题也很好解决，有些问题需要时间去积累，但这完全不妨碍现在的Figma已经是一款可以在一定程度上替代Sketch的软件了。



Windows用户
如果你用的Windows，那么目前唯二可以用来做UI设计的软件是XD和Figma。

XD今年10月起开始收费。当然不是全功能收费，但是「保存到本地」这一功能是需要收费的，否则只能存储在只有2G容量的云端，这就比Figma的体验还差了。

所以在10月之前你们依然可以使用XD，但10月之后，如果不想花钱你们将只剩Figma可用，想熟悉它不如趁早。

Mac用户

Sketch依然是国内的UI设计工具王者，如果个人使用且没有团队协作的需求那我还是推荐Sketch，但一旦涉及到两人或 (尤其是) 两人以上的中小团队，Figma 独此一家的团队协作优势将展现的淋漓尽致。

另外一种情况是你想找工作，要做项目整理或者重设计，那么在Figma中完成会是一个更好的选择。你带着iPad就能让面试官看到项目源文件，指不定什么时候就能给自己加加分。

当然前提是，你最好得会翻墙。



之前在一篇文章中看到说设计长久以来就像一座封闭的孤岛，受限于专业设计工具的本地存储形式，设计师不仅与上下游的衔接困难，内部交流沟通的效率也不容乐观。我们交给客户视觉稿，交给开发标注切图，交给设计师同事源文件，一项设计任务的输出变得非常繁琐和琐碎。

现在，Figma将这些孤岛链接在了一起，开发可以直接查看对象属性甚至代码，设计可以查看调用组件库、规范、原型、视觉稿，这些只需要一个分享链接。



所以我说Figma是面向未来的设计工具，一点都不夸张。

最后如果你们想尝试Figma的话，有Sketch/XD基础的同学只需要花一天时间熟悉一下Figma的操作和快捷键，就可以进行无缝切换，它几乎没有学习成本。或者实在不想自己摸索也可以康康我在虎课上录制的Figma教学，过一遍就会，没有难度。

那么这一篇Figma介绍就到这里结束，胖友们下次再见。



本文原创，未经作者允许不可转载！
更多内容，欢迎关注作者微信公众号：超人的电话亭！