-
前言
红透UX设计圈的在线矢量设计工具Figma，在最近两年几乎成了“真香”的代名词，这也侧面印证了“协作”已逐渐成为设计团队的共识。但对于国内用户，糟糕的连接速度、极度缺失的本地化支持都让Figma较难发挥真正的协作优势。
这个界面大概是所有直连Figma用户心中永远的痛
即使困难重重，仍然无法动摇部分国内设计团队迁移平台的决心。当然代价也是不小的：按人数收费的订阅机制，价格不菲；为保持连接体验，“梯子”和相关费用也是必不可少；最后，Figma自身的交付能力较弱，所以还得另购Zeplin之类的产品作为设计交付的补充.....
疫情的下半场，“节流”作首要原则，面对如此高昂的切换成本，团队推动的阻力可想而知。令人欣喜的是，11月Figma官方社区正式上线了摹客的Figma插件“Mockplus”，意味着终于有国内的主流协作设计平台接入了Figma。整个DevOps部门可以使用免费、高速的国内服务器进行工作，大大降低团队推广的费用和风险。
终于有国内主流厂家开始接入Figma了
以下笔者根据自己实际工作中的经验，介绍一下如何借助摹客插件来降低Figma使用门槛。同时也介绍一些实用的其它插件，为希望将Figma作为主要设计平台的团队们提供参考。
首先谈谈为什么要使用协作平台，而不使用一些可以导出离线HTML包的插件？Sketch measure迅速衰落的“前车之鉴”已经证明了导出压缩包交付的方式面对修改、迭代和审阅是非常低效的。平台交付收集意见时更加高效，产生设计改动也不需要重复发送压缩包给团队，从而有效保证设计产出的准确性、唯一性。
国内目前热门的云端交付产品有摹客和蓝湖，但只有前者支持Figma的导入。使用摹客前需要注册一个账号（免费），然后访问官方插件链接，点击右上角的install安装。
在Figma的画布空白区域点击右键，依次选择Plugins > Mockplus，稍作等待后弹出主界面。初次使用语言一定要选择中文，才能使用中国区的服务器。
在插件中登录后摹客账号后，即可开始导入设计稿到摹客了。插件使用的方式可以查看官方教程，不再赘述。值得一提的是，除Figma外，摹客还兼容其他所有的主流软件的设计稿（Sketch、Ps、Xd、Axure）导入。除了评审、交付等设计师的必需功能外，摹客还提供完整的在线设计，PRD文档撰写，设计规范管理，任务管理等实用功能，满足设计团队的各种高级需求。
最让人无法拒绝的是，摹客针对100人以下的团队一律免费，功能还几乎没有限制——当下和未来应该都找不到第二家这么豪气的厂商了。
-
大幅提升Figma实战性能！实用第三方插件推荐
由于Figma本身是兼容Sketch文件的，设计资产的迁移相对容易，此处笔者再给出一些第三方插件的推荐，帮助团队更顺利地完成操作习惯过渡和功能的衔接。
1. Scale
Figma无法手动输入倍率进行缩放，这让很多习惯了⌘ + K缩放逻辑的设计师感到不爽。Scale则完美解决了这个问题。
2. Time Machine
Time Machine 可以理解为一个游戏中的 Quick-Save 功能，他会自动复制一份当前设计稿，并收纳到一个专门的 Page 中。如果习惯经常使用“另存为”功能来保存设计中间版本，一定会对这个插件爱不释手。
3. Clean document
设计过程中难免产生一些排序混乱的空分组，无意义的隐藏图层或是命名不规范的图层。这款插件都可以帮你进行“智能打扫”。整理后，无论是自己还是合作设计师都能够更好地理解图层结构和逻辑。
4. Table Paste
将Excle内容转移到figma的利器，非常适合经常处理数据可视化工作的同学。先创建一行表格，然后添加文本字段，生成组件，然后粘贴来自 Excel 的表单内容就行了。至于表格的样式则可以自由调整，不影响内容的粘贴。
5. Autoflow
简易的Ux flows绘制工具，选择起点和终点的元素后，utoflow会自动帮你创建流程线，类似Sketch中的Overflow插件。配合矩形、菱形等逻辑形状，则可以更好地输出一张带逻辑规则的流程图。
6. Vectary 3D
3D-mockup神器，无论是做作品集包装，还是一般的演示文稿，都能让内容增色不少。Vectary还是一款线上的3D设计工具。如果有更高的3D建模和渲染需求，还可以尝试它们的官方设计工具，非常炫酷！
7、LottieFiles
大名鼎鼎的Lottie终于支持figma了，不过在figma中主要是提供免费 Lottie 动画素材，和AE的Lottie插件还是有本质区别的。即便不能导出动效代码，Lottie中大量优质的动画素材依然具有相当大的实用价值。
8、TinyImage Compressor
图片压缩插件，支持JPG/PNG格式及打包输出，质量和体积的优化相当不错，免去输出素材后再使用Tinypng.com的处理麻烦。
9、Design Lint
如果你使用过Sketch新版本（69+）的助理功能，那就对这个插件非常熟悉了。Lint可以快速寻找设计的不一致，包括颜色、字体、效果、填充样式、笔触、边框半径等。实时的设计查错助理对于设计主管真是一个福音，再也不需要花费大量的时间去审核设计师的细小设计失误了。
-
结语
Figma社区功能上线才半年左右，各种设计素材和插件已经非常丰富，足见全球用户对这款产品的喜爱。
无论是个体设计师还是设计团队，Figma都是一款非常值得尝试的工具。借助“摹客”平台和上面的第三方插件群，就足以让这款产品胜任高强度的真实设计工作，并让整个DevOps部门从糟心的Figma服务中解放出来，体会到极速查看、流畅协作的快感。
工具或设计平台的迁移并不是一件复杂的任务，这些看起来很“高端的操作”其实都很简单。试试看，相信你和你的团队会在这个全新平台上收获高效与惊喜！