[Figma]——UI 设计新秀,团队协作利器


推荐:★★★★★
价格:Preview 版本免费(具体价格暂未公布)
链接:官方网站
理由:你需要的,只是一款浏览器

 

三天前,收到一封主题为“Welcome to Figma”邮件,下意识的以为是一封垃圾邮件而随手标记为已读,这差点让我错过了一款如此惊艳的产品,第二天无意读到这封邮件才看清,原来是一封邀约邮件。搜索一下邮件记录,原来是我在2015年底的时候曾申请过试用资格,排了大半年的队总算轮到我。直至此时,我依然想不起这是一款什么产品。

近些年,得益于互联网行业的迅速发展,各类工具层出不穷,原型工具,协作工具,傻瓜式建站工具等,屡见不鲜不胜枚举,唯独设计工具少见,以 Sketch,Affinity 为代表(Adobe XD 暂不算吧)。本文介绍的 Figma,可能即将在这个领域崭露头角。

Figma 是一款集 UI 设计与协作与一身的在线工具(私以为在绘图功能上对标 Sketch)。可能你以后的设计工具可能就是一款浏览器,初步体验下来,即使在网络一般的状态下依旧流畅,毫无卡顿,各类操作几乎都做到了毫秒级的响应速度,可以说做到了与本地软件基本无差,不得不佩服 Figma 前后端团队的技术之强大。

 

↑点击图片可查看大图

在布局上与 Sketch 类似,左侧图层区,右侧检查器,单就绘图功能来说,Sketch 有的,Figma 基本都有,即使是基于 HTML5 实现,布尔运算,版本控制,切片,导图,混合模式,按像素预览等,一应俱全。

 

↑团队协作

↑团队协作

“资源库共享”将团队的设计规范搬上云端,加上评论功能,在加上 Slack,协作功能上线。虽然这个功能在海外互联网产品上司空见惯,谈不上亮点,但讲协作与设计结合在一起的时候,便是另一番体验了。

 

↑响应式设计

Figma 的响应式设计功能是我很喜欢的一点,解决了同一个设计稿在不同分辨率的效果预览,因为目前功能较为简单,仅仅是对元素的对方方式做设定,可能仅适用的无线 UI 的设计,对于网页的响应式支持是远远不够,无法设置断点,无法做多页面设计,和 Hype 3 比还有很大差距。

 

与 Sketch 对比,目前存在这些弱势:

1.暂不支持第三方插件

2.暂时没有 Symbol 以及Text Styles(即将到来)

3.浏览器占用了部分优质快捷键键位

4.暂时不提供 iOS UI Kit

5.暂不支持 PDF 格式的切图

6.暂不支持移动设备实时预览(即将到来)

 

以上问题都不是问题,几个版本迭代的事儿,Preview 版本做到现在这样已经很厉害了。对于这款设计工具,我个人比较看好,虽然我更容易接受本地应用,如果发展顺利,谁知道以后会不会推出 native 或者 hybrid 版本呢。

Figma 的未来值得期待……!