Figma：颠覆设计协作的未来之星

导语： 在当今数字化时代，设计协作变得越来越重要。而Figma作为一款基于云端的设计工具，以其强大的协作功能和出色的用户体验，成为了设计界的新宠儿。本文将为您介绍Figma的特点、优势以及如何在团队中高效地使用它。

第一部分：Figma的特点和优势

云端协作：Figma的最大特点就是基于云端的设计协作。设计师可以在任何时间、任何地点通过浏览器访问Figma，并与团队成员实时协作。这种实时协作的方式大大提高了团队的工作效率，减少了沟通成本。

多平台支持：Figma不仅支持Windows和Mac平台，还提供了Web版和移动版，使得设计师可以在不同的设备上无缝切换工作。这种多平台支持的特点使得团队成员可以更加灵活地协作，提高了工作的便捷性。

强大的设计工具：Figma提供了丰富的设计工具，包括矢量编辑、布局、样式库等功能，满足了设计师的各种需求。与传统的设计工具相比，Figma的界面简洁直观，学习曲线较低，使得新手设计师也能够快速上手。

第二部分：Figma在团队中的应用

实时协作：Figma的实时协作功能使得团队成员可以同时编辑同一个设计文件，实时查看对方的修改。这种实时协作的方式大大减少了设计文件的来回传输和合并的麻烦，提高了团队的工作效率。

评论和反馈：Figma提供了丰富的评论和反馈功能，团队成员可以在设计文件中进行标注、评论和提出修改建议。这种直观的反馈方式使得团队成员之间的沟通更加高效，减少了误解和不必要的沟通成本。

设计系统管理：Figma的样式库和组件库功能使得团队可以更好地管理设计系统。设计师可以创建和共享样式和组件，确保整个团队在设计中保持一致性。这种设计系统管理的方式大大提高了团队的工作效率，减少了重复劳动。

第三部分：如何高效使用Figma

学习资源：Figma提供了丰富的学习资源，包括官方文档、视频教程和社区论坛等。设计师可以通过这些学习资源快速掌握Figma的使用技巧，提高工作效率。

团队规范：在团队中使用Figma时，建立一套统一的设计规范非常重要。包括命名规范、组件库的建立和使用等。这样可以确保团队成员在使用Figma时保持一致性，提高工作效率。

与其他工具的集成：Figma支持与其他设计工具和开发工具的集成，如Zeplin、InVision和Jira等。通过与这些工具的集成，可以更好地与开发团队协作，提高工作效率。

即使困难重重，仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的：按人数收费的订阅机制，总价不菲；为保持连接体验，“梯子”和相关费用也是必不可少；最后，Figma自身的交付能力较弱，所以还得另购其它产品作为设计交付的补充.....

疫情的下半场，“节流”作首要原则，面对如此高昂的切换成本，团队推动的阻力可想而知。令人欣喜的是，11月Figma官方社区正式上线了摹客的Figma插件，意味着终于有国内的主流协作设计平台接入了Figma。 整个DevOps部门可以使用免费、高速的国内服务器进行工作，大大降低团队推广的费用和风险。

以下笔者根据自己实际工作中的经验，介绍一下如何借助摹客插件来降低Figma使用门槛。同时也介绍一些实用的其它插件，为希望将Figma作为主设计工具的团队们提供参考。

二、借助官方插件打通Figma和摹客

首先谈谈为什么要使用协作平台，而不使用一些可以导出离线HTML包的插件？Sketch measure迅速衰落的“前车之鉴”已经证明了导出压缩包交付的方式面对修改、迭代和审阅是非常低效的。平台交付收集意见时更加高效，产生设计改动也不需要重复发送压缩包给团队，从而有效保证设计产出的准确性、唯一性。

开始整套操作前需要先注册好摹客账号，进入官网即可免费注册。完成后，再访问官方插件链接，点击右上角的install安装。

安装好以后就可以在浏览器中直接打开摹客插件了。在Figma的画布空白区域点击右键，依次选择Plugins > Mockplus，稍作等待后弹出主界面。初次使用语言一定要选择中文，才能使用中国区的服务器。

在插件中登录后摹客账号后，即可开始导入设计稿到摹客了。插件使用的方式可以查看官方教程，不再赘述。值得一提的是，除Figma外，摹客还兼容其他所有的主流软件的设计稿（Sketch、Ps、Xd、Axure）导入。除了评审、交付等设计师的必需功能外，摹客还提供完整的在线设计，PRD文档撰写，设计规范管理，任务管理等实用功能，满足设计团队的各种高级需求。

最让人无法拒绝的是，摹客针对100人以下的团队一律免费，功能还几乎没有限制 ——当下和未来应该都找不到第二家这么豪气的厂商了。

三、大幅提升Figma实战性能！实用第三方插件推荐

由于Figma本身是兼容Sketch文件的，设计资产的迁移相对容易，此处笔者再给出5个第三方插件的推荐，帮助团队更顺利地完成操作习惯过渡和功能的衔接。

1. Scale

Figma无法手动输入倍率进行缩放，这让很多习惯了⌘ + K缩放逻辑的设计师感到不爽。Scale则完美解决了这个问题。

2. Time Machine

Time Machine 可以理解为一个快速存档功能，他会自动复制一份当前设计稿，并收纳到一个专门的 Page 中。如果习惯使用“另存为”的方式来保存设计中间版本，一定会对这个插件爱不释手。

3. Clean document

设计过程中难免产生一些排序混乱的空分组，无意义的隐藏图层或是命名不规范的图层。这款插件都可以帮你进行“智能打扫”。整理后，无论是自己还是合作设计师都能够更好地理解图层结构和逻辑。

4. TinyImage Compressor

图片压缩插件，支持JPG/PNG格式及打包输出，质量和体积的优化相当不错，免去输出素材后再使用http://tinypng.com的处理麻烦。

5. Design Lint

如果你使用过Sketch新版本（69+）的助理功能，那就对这个插件非常熟悉了。Lint可以快速寻找设计的不一致，包括颜色、字体、效果、填充样式、笔触、边框半径等。实时的设计查错助理对于设计主管真是一个福音，再也不需要花费大量的时间去审核设计师的细小设计失误了。

四、结语

Figma社区功能上线才半年左右，各种设计素材和插件已经非常丰富，足见全球用户对这款产品的喜爱。

无论是个体设计师还是设计团队，Figma都是一款非常值得尝试的工具。借助“摹客 + Figma”的方式来构建设计平台，并搭配第三方插件群提升功能性，就足以让这款产品胜任高强度的真实设计工作，并让整个DevOps部门从糟心的海外服务器中解放出来，体会到极速查看、流畅协作的快感。

工具或设计平台的迁移并不是一件复杂的任务，这些看起来很“高端的操作”其实都很简单。试试看，相信你和你的团队会在这个全新平台上收获高效与惊喜！

下载插件地址：https://www.mockplus.cn/download/figma-intergration

结语： Figma作为一款基于云端的设计工具，以其强大的协作功能和出色的用户体验，成为了设计界的新宠儿。通过实时协作、评论和反馈以及设计系统管理等功能，Figma大大提高了团队的工作效率。希望本文能够帮助您更好地了解Figma，并在团队中高效地使用它。