Sketch or Figma 谁才是UI设计软件的未来？

谈起UI设计软件，首先想到的大概是Sketch。伴随移动互联网的兴起，Sketch的发展可谓一骑绝尘。相比曾经的大哥Photoshop，Sketch虽功能不及其强大，但胜在更加轻量，更高效率，迅速俘获了UI设计圈的青睐。一时间，几乎所有国内外主流设计团队都将Sketch作为主要的生产力工具，也使其成为了UI设计领域的新霸主。

近两年，一款名叫Figma的设计工具异军突起。根据UX Tools 针对全球数千名设计师年度问卷调查，Figma从2017年爱用度排名第七到2018年一下爆冲到第二名，并荣登2019年最令人期待的设计工具，展现出的惊人潜力令人侧目。尤其今年以来，已经有非常多的公司正在从Sketch切换到Figma，比如大家耳熟能详的Twitter、微软、Github等，国内也有网易的设计团队开始利用这款工具开展远程协作设计。

那么Figma究竟如何在国内外收割这么多拥趸，以至于抢占Sketch的用户呢？

最好的跨平台UI设计工具

一直以来，界面设计工具似乎对windows都极度不友好，比如Sketch压根不开发windows版本，Adobe的XD虽然有windows版本，但实际使用体验还是和Sketch有明显的差距。而Figma基于web平台开发，只要你的设备有浏览器，并且连接了互联网，就可以获得媲美sketch之于mac的极佳体验，且不受系统约束。

流畅的操作体验

虽然Figma基于web开发，其流畅性却丝毫不逊色于客户端软件。曾经习惯用PS做设计的小伙伴，肯定有过被卡顿支配的恐惧，复杂的设计文件，尤其是多画板的设计稿就连移动图层都变得异常费劲。

Sketch在这点上相较于PS虽有极大的优化，但性能也有明显的上限，如果画板数量太多，长时间工作下的Sketch依然会卡顿不已。

Figma似乎并不怎么消耗本地资源，同样大小的项目文件，Figma能够将缓存控制在极低且保持流畅的60帧渲染，可以说是真正的「如丝般顺滑」。

超强的全局组件

这个功能非常类似Sketch的Library，不同之处在于你可以在Figma新建一个专门的文件来定义组件（component）或者样式（style），再将其发布到库（Library），这样团队中的所有成员都可以在团队中的任意文件调用这些组件。同时得益于Figma是基于web开发，这些组件是可以实时同步更新的，这意味着一旦修改了某个组件样式，团队中所有项目内用到该组件的地方，都能选择是否要同步更新。

真正的核心竞争力---团队协作

依旧是基于web开发的先天优势，多名设计师可以在Figma同时操作同一设计文件，不必保存后再相互发送，可谓效率倍增；Figma还支持评论留言，哪里急需修改、哪里优先级较低，只需要增加批注即可提醒团队其他成员注意，从此再也无需将设计稿源文件在团队内发来发去，评审也变得简单高效。妥妥的杀手级功能。

恢复历史版本

基于web的Figma虽然好处多多，却总给人不安全的感觉。假如某个设计稿历经数小时，一顿猛如虎的操作之后突然断网断电，如果没有及时将文件保存，真的只能欲哭无泪。

Figma针对这一痛点做的非常到位。团队中每一位成员的每一次修改都会生成对应的历史版本，即使某位成员出现误操作也有充分的兜底机制保证文件的安全。

可以看出，Figma是一款基于web的优秀设计软件，各方面的使用体验可以说和Sketch不相上下，二者的竞争也还在继续。那么作为设计师，我们又该如何选择呢？

组件系统

组件(symbol)曾经是Sketch最为人称道的杀手级功能，能够极大提高设计效率。Figma的组件(Components)继承了symbol的优点且更加灵活，更符合设计师的需要。

例如，在Sketch中创建一个symbol时，会将所有属性保存其中，如果修改了任何属性，需要以覆盖的形式对引用该symbol的文件进行同步。如果你希望这个symbol有不同的对齐方式或颜色，需要提前预设好，或者解除symbol关联后修改（解除后不能再同步symbol样式）。

而Figma的component则更加自由，其强大之处在于存在父子级关系。当引用了一个component后，可以任意调整其属性也不会干扰父级的样式，而修改了父级的属性又能修改全局。

协作方式

Figma的协作采用了谷歌文档的模式，允许所有设计师同一时间，同一个文件上同时工作。你能看见许多鼠标在页面上，可以看到其他设计师正在做什么。虽然设计师不情愿，但是老板和客户大概会很喜欢这样的感受。 

Sketch由于是客户端，协作需要借助插件。有一款名叫abstract的版本管理插件，允许设计师在类似Github那样的项目分支中设计，然后合并分支，解决冲突。虽然有些麻烦，却也不失为一种严谨的Sketch设计稿版本管理解决方案方式。

设计稿交付

Figma有内置的标注工具，但问题是只能生成整个项目的链接发送给开发，需要开发自己找到标注页面。不仅麻烦，当项目很大时载入的时间也会比较长。

Sketch有Cloud功能来交付，但功能并不完善，目前更多利用插件来解决这一需求。比如Zeplin，invision，摹客等等，都可以上传指定的设计稿自动标注切图交付开发。

UI设计软件的未来？

一场突如其来的疫情极大改变了人们生活和工作的方式，许多公司开始尝试远程办公，远程协作成为了摆在台面上的刚性需求。总的来说，笔者对于跨平台，且拥有相对完善云端协作体验的Figma更加看好。云才是未来，布局云端协作的设计软件也会越来越多，例如InVision推出InVision Studio和国内摹客团队推出的摹客设计协作平台等都是设计协作领域的佼佼者。这一领域的竞争仍在继续，任何一款软件成为未来的主流设计工具都有可能，让我们拭目以待吧。