用 Figma 做产品设计，在线办公6个月是什么体验？

前言

还纠结到底换 Figma 是接着用 Sketch 吗？工欲善其事必先利其，今天主要来分享下 Figma 使用体验以及适用场景。

先大概介绍下我们设计团队情况，我们是在线办公模式：18 位计布在 3 个国家，9 个不同的城市。最近半年用下来，Figma 简直适了！经过阅读 Figma 相关的文章以及的实践，来享一下使用 Figma 的做产品计的体验：

直接输出标注切图

还记得之前使用 Sketch 都需要使用其软件上传计图才能输出切图和标注，Figma 可以直输出切图标注，不依赖其软件，只需要维护好 Figma 面的计文件就好了。点击想要输出的切图图层，右侧可以置倍数和格式，然后输出即可。为计节了贵的输出间，人生只有 3 万，every minute count!

△ 源文件来 Figma 社 Microsoft Teams UI Kit.

适合远程办公

有句话总结的好：Figma 就是网页版的带有实反馈功能的 Sketch。计之间再也不用来回传文件，或上传云盘（云盘上的版本管理，你懂得）。

如大家是工作，沟效率也是很高，我以前团队使用 Sketch 并在云盘上管理设计体系和页版本，所以这情况话，我觉换不换都可，大家灵活选用。

如果远程办公，或者研发团队与设产品团队不一处，建议使用 Figma，毕竟这样甩一链接就能搞的设方案、设审查、标注切图、设还原度对比，还比较方便的。既可以通过邮件邀请的方式发送链接也可以 Copy link 粘贴到聊天具里。

△ 可以选择可编辑或可观看的链接

团队协作，实时同步

不 PM、设师还研发，都能实时看到设度，标注反馈。当设文件中标注反馈时还可以@相关人，这样 TA 就可以收到邮件提醒。当然如果不让他们看的时候就不分享链接给他们。

如图，你可实时看到谁在看你的设计稿，如果有合作的设计师，你们还一起编辑设计稿。之前我觉得美国的设计师是班的，但当我看到跟我合作的设计师在 Figma 上工作到半夜时（时差原因我的中午就是人的半夜了），算是眼见为实了，项目紧急了大都一样。

设计体系和流程建设

设组件整设部的协调使用非常重，我们一单独的设体系文件，当使用相同控件时调用即可，当然这点 Sketch 也能到，但线实时同就减少了很多沟通本。

△ 源文件自 Figma 社区 Material Design.

 Figma 可制作较整的设计流程，前期的想法（需求档可附上），竞调研，交互框架，头脑暴，设计方案等都可分别建立同页面展示。如图，在左侧可增 Pages 页面，方前来观看的户（老、产、设计、研发、测试等）解需求背景，设计思路和解决方案。

△ Figma 社区 Microsoft Teams UI Kit.

个流程前期定比复，但是相当用，我也在不断的学习和优化设计流程。大家想要更的，以留言给我，让我道个主题大家还比感兴趣，值得开一篇文章详细聊聊。

UI 走查的好帮手！

在 Figma 另一页，将需要微的截图内容+文字备注整理在设计图下方，方便工程师核对设计稿和上稿的区别，直接方便，开同表示样很。

会用 Sketch 就会用 Figma

简单易上手，我从 Sketch 渡到 Figma 非常快，个人账户使用免费，只是团组件库有。

需要提醒的是，Figma 有导入 Sketch 文件的功能，但是导入后组件和位置会发生错乱，所以工的迁移还是要考虑一些间成本，但如果正好赶上计改版那就可以顺势而为了。

基于浏览器的设计

Figma 是基于浏览器的，优点是可以在任何系统中使用，但缺点是比较依赖网络，就遇过短系统故障。Figma 也有户端，可以下载脑上，个人觉会更稳定一些。

新功能：Community

Community 是 Figma 在 2020 年 8 月的新功能，目前是 beta 版，Community 里分为 Files 和 Plugins 两部分内容，Files 和 Dribbble 有类似，有很设计师或大分享设计品，但强大的地方是：里的设计资源是源文件！以直接在 Figma 里面拷贝和编辑的，从此不用四处搜罗资料，心动没有？

△ Figma 区的设计资源，预计越来越

△ 图，还以关注者

也就是说依托浏览器的 Figma 带计资源和插件，一站式解决计的问题。Figma 这是预备要抢多少计网站的碗呢?

插件也有很多值期待，比如 Lottie。

△ Figma 社中的部插件

新功能：支持设置多种变体

当同一个控件有不同的状，Figma 也推出了支持置多种变体的方式，只需要点击 Combine 将相关控件结在一起，就可以非常方便的切换各种状。

下图的有种规，就比上面个按钮的变要复，用 Figma 也以轻松现。

由疫情原因，国外在家办的情况很普遍，有查显示 Figma 已经超 Sketch 成为主要的产品设计、UI/UX 设计工具，从我近半年来的使用验来看，Figma 在远程办方面确更胜一筹，篇文章也是带大家提前一下。

赠人玫瑰有余香，你的阅读享和点赞对来说重要！啾咪~

注：本文广告广告广告。

欢迎关注作者微信公众：「彩虹BOOK」