使用Figma做产品设计是什么体验？
你还在纠结到底是换Figma还是接着用Sketch吗？工欲善其事必先利其器，今天来分享下Figma的使用体验以及适用场景。
前言：
最近半年我一直在适应外企的工作环境，所以公众号在这期间更新较少，我也一直在想新的一年以什么样的面貌出现在这里，因为我已经不满足于单纯的翻译英文设计文章了。在2020年的最后一天，回顾过去+展望未来，觉得还是有很多经验想分享，想要写更多原创文章，并确信自己有持续输出的动力，感谢已经关注的小伙伴们的支持，2021一定是更好的一年！一起进步吧！
开始今天的主题！
你还在纠结到底是换Figma还是接着用Sketch吗？工欲善其事必先利其器，今天主要来分享下Figma的使用体验以及适用场景。
先大概介绍一下我们设计团队的情况，我们是在线办公模式：18位设计师分布在3个国家，9个不同的城市。最近半年用下来，Figma简直太适合我们了！经过阅读Figma相关的文章以及我的实践，来分享一下使用Figma的做产品设计的体验：
1.直接输出标注切图
-
还记得之前使用Sketch都需要使用其他软件上传设计图才能输出切图和标注，Figma可以直接输出切图标注，不依赖其他软件，只需要维护好Figma里面的设计文件就好了。点击想要输出的切图图层，右侧可以设置倍数和格式，然后输出即可。为设计师们节省了宝贵的输出时间，人生只有3万天，every minute count!
源文件来自Figma社区Microsoft Teams UI Kit.
2.适合远程办公
-
有句话总结的好：Figma就是网页版的带有实时反馈功能的Sketch。设计师之间再也不用来回传文件，或上传云盘（云盘上的版本管理，你懂得）。
但如果大家是面对面的工作，当面沟通的效率也是很高的，我以前团队使用Sketch并在云盘上管理设计体系和页面版本，所以这种情况的话，我觉得换不换都可，大家灵活选用。
如果你是远程办公，或者研发团队与设计产品团队不在一处，建议使用Figma，毕竟像这样甩一个链接就能搞定前期的设计方案、设计审查、标注切图、设计还原度对比，还是比较方便的。你既可以通过邮件邀请的方式发送链接也可以Copy link粘贴到聊天工具里。
可以选择生成可编辑或可观看的链接
3.团队协作，实时同步
-
不管是PM、设计师还是研发，都能实时看到设计进度，标注反馈。当你在设计文件中标注反馈时还可以@相关人，这样TA就可以收到邮件提醒。当然你如果不想让他们看的时候就不要分享链接给他们。
如图，你可以实时看到谁在看你的设计稿，如果有合作的设计师，你们还能一起编辑设计稿。之前我觉得美国的设计师是不加班的，但当我看到跟我合作的设计师在Figma上工作到半夜时（时差原因我的中午就是人家的半夜了），也算是眼见为实了，所以项目紧急了大家都一样吧。
4.设计体系和流程建设
-
设计组件在整个设计部的协调使用非常重要，我们有一个单独的设计体系文件，当使用相同控件时调用即可，当然这点Sketch也能做到，但线上实时同步就减少了很多沟通成本。
源文件来自Figma社区Material Design.
用Figma可以制作出比较完整的设计流程，前期的想法（需求文档也可以附上），竞品调研，交互框架，头脑风暴，设计方案等都可以分别建立不同页面展示。如下图，在左侧可以增加Pages页面，方便前来观看的用户（老板、产品、设计、研发、测试等）理解需求背景，设计思路和解决方案。
Figma社区Microsoft Teams UI Kit.
这个流程前期制定比较复杂，但是相当实用，我也在不断的学习和优化设计流程。大家想要了解更多的话，可以点赞转发或者后台留言给我，让我知道这个主题大家还比较感兴趣，值得再开一篇文章详细聊聊。
5.UI走查的好帮手！
-
在Figma另起一页，将需要微调的截图内容+文字备注整理在设计图下方，方便工程师核对设计稿和线上稿的区别，直接方便，开发同事表示这样很友好。
6.会用Sketch就会用Figma
-
简单易上手，我从Sketch过渡到Figma非常快，个人账户使用免费，只是团队组件库有限制。
需要提醒的是，Figma有导入Sketch文件的功能，但是导入后组件和位置会发生错乱，所以工具的迁移还是要考虑一些时间成本，但如果正好赶上设计改版那就可以顺势而为了。
7.基于浏览器的设计
-
Figma是基于浏览器的，优点是可以在任何系统中使用，但缺点是比较依赖网络，我就遇到过短时系统故障。Figma也有客户端，可以下载到电脑上，个人感觉会更稳定一些。
8.新功能：Community
-
Community是Figma在2020年8月发布的新功能，目前是beta版，Community里分为Files和Plugins两部分内容，Files和Dribbble有些类似，会有很多设计师或大厂分享设计作品，但强大的地方是：这里的设计资源都是源文件！可以直接在Figma里面拷贝和编辑的，从此不用四处搜罗资料了，心动了没有？
Figma社区的设计资源，预计会越来越多
如图，还可以关注发布者
也就是说依托浏览器的Figma自带设计资源和插件，一站式解决设计师的问题。Figma这是预备要抢多少设计网站的饭碗呢?
插件也有很多值得期待，比如Lottie。
图为Figma社区中的部分插件
9.新功能：支持设置多种变体
-
当同一个控件有不同的状态时，Figma也推出了支持设置多种变体的方式，只需要点击Combine将相关控件结合在一起，就可以非常方便的切换各种状态。
下图的奶茶有多种规格，就比上面那个按钮的变体要复杂，用Figma也可以轻松实现。
...
由于疫情原因，国外在家办公的情况很普遍，有调查显示Figma已经超过Sketch成为主要的产品设计、UI/UX设计工具了，从我近半年来的使用体验来看，Figma在远程办公方面确实更胜一筹，这篇文章也算是带大家提前了解一下。
