恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

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

原创文章 分类: 经验/观点 版权: 举报
200 1 2 1
2020-07-03
2.2

谈起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不相上下,二者的竞争也还在继续。那么作为设计师,我们又该如何选择呢?



Sketch V.S. Figma



组件系统


组件(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和我们推出的摹客设计协作平台等都是设计协作领域的佼佼者。这一领域的竞争仍在继续,任何一款软件成为未来的主流设计工具都有可能,让我们拭目以待吧。


Powered by Froala Editor

摹客产品协作设计

设计+协作的一站式云平台。

606粉丝/6关注

“劳模勋章”之扁担勋章“劳模勋章”之锄头勋章诲人不倦身经百战小有名气
前端:“你能导出大小相同的切图吗?”为什么单选按钮和复选框不能共存?

你确定要举报Sketch or Figma谁才是UI设计软件的未来?

如果查出恶意举报,十天内禁止提交任何举报申请。

0/200

上传证据: 超过10M的附件请使用网盘地址

点击上传附件

对谁可见:

全部设计师
  • 全部设计师
  • 推荐设计师和认证设计师

您确认要推荐?

该作品发布时间:2020年07月03日

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票

账号或密码错误,请重新输入

账号或密码错误,请重新输入

登录

账号或密码错误

发送验证码 120s 验证码错误

登录
//

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN