15+ Figma插件助你设计游刃有余

自从Figma推出插件功能以来，插件的发布一直成为热门话题，也为改善Figma的设计流程添砖加瓦。并且，随着众多大牌公司的设计团队全都转移至Figma，也让该应用在设计行业掀起了一场风暴。无论你是Figma的老司机还是新手，抑或是准备转入Figma行列的设计师，本文将列举一些迄今为止好用、流行（应用于Sketch或Adobe XD等流行交互设计工具的）、以及功能独特的插件以供参考。

1. Arrow Auto（创建用户流）

Arrow Auto

Arrow Auto 为 Figma 添加了流程图功能，这对于创建用户流非常有用。选择画布上的任意两个对象，Arrow Auto 让你能够在它们之间绘制一个连接器。你还可以按需隐藏和显示流程。

虽然Autoflow对于绘制流程图来说也是一个不错的选择，而且界面或许看上去更美观，但是 Arrow Auto 比其具有更多的功能，包括切换连接器的方向，在保持连接器不变的情况下将连接的对象移动到其他地方等。

2. Angle（模拟真实设备）

Angle

Angle可以模拟真实的设备，并在其框架内显示你的设计屏幕，每个框架都可以选择各种显示角度和阴影风格。而且这些框架全都是100%的矢量格式。

Artboard Studio 虽然也是模拟设备显示，但和 Angle 并不完全相同。它允许在画布上插入一大堆随机的3D对象。如果你只关心设备模拟，建议使用Angle。 Vectory 3D 和 Artboard Studio 类似，但它可以输出到实际的3D资源。

3. Master（使组件管理变得更容易）

Master

Master提供了一个更好的管理组件的方法，比如将多个相同的对象变成一个组件，或将组件复制到其他Figma文件中等等。

4. Clean Document（自动清理文档）

Clean Document

Clean Document，顾名思义，清理你的文档! 它可以删除隐藏的图层、对图层进行智能分类、对图层进行重命名、取消单图层分组、甚至将尺寸四舍五入到最接近的像素。这是为强迫症患者提供的一个非常棒的工具!

5. Similayer（选择相同图层）

Similayer

很简单，Similayer 允许你根据当前所选图层的相似度来选择图层。假设你想改变一个阴影风格，而这个阴影风格被用在很多不同的元素上，Similayer 可以帮你做到这一点。你还可以用它来批量重新分配多个组件。

6. Viewports（改变视窗）

Viewports

查看所有屏幕视窗尺寸的市场占有率，然后将其应用于框架中。这个功能非常有用！统计数据来自StatCounter。

7. Todo（创建待办清单）

Todo

这是应用于Figma中的待办清单。它并非要取代你的日常待办事项清单，而是让你在不需要离开 Figma 的情况下就能追踪你的设计待办事项的清单。比如，需要一个进行修改设计的项目清单？或是需要确定设计项目的优先级？如果是这样，请安装Todo插件。

8. Font Scale（创建字体比例）

Font Scale

通过选择一个基本尺寸和比例系数，建立一个视觉上一致且层次分明的字体比例，然后将其保存到你的文档中，以便日后使用参考。尺寸单位为em或px的形式。

9. Content Reel（插入真实的内容）

Content Reel

Content Reel 将真实的内容插入到你的设计中。比如你需要一个地址？或是头像？亦或出于某种原因，需要一个名字却完全想不出？Content Reel 会帮你解决这些问题。

使用真实的数据进行设计，可以确保设计不会在开发后看起来很奇怪，同时也能帮助我们设计出边缘案例。

10. Google Sheets Sync（从Google Sheets同步数据）

Google Sheets Sync

无论你的应用是有API还是你只是想手动创建一个数据表，Google Sheets Sync

基本上可以让你直接将这些数据同步到Figma中。这就像Content Reel一样，但不同的是，你可以自己定义数据。它对于想要利用实际利基（或实时应用）的数据来构建真实模型的设计者来说非常有用，特别是对于想要使用相同的数据库进行设计的团队来说，尤为有用。

11. Chart（创建真实数据的图表）

Chart

使用来自Excel、Numbers、Google Sheets的数据创建令人惊叹的、可定制的图表，或者只需导入本地CSV或JSON文件即可。 Datavizer虽然也是一个合适的选择，但 Chart 可以与实时JSON同步（即你可以将 Chart 连接到REST API）。

12. Iconify（使用图标字体）

Iconify

在Figma内部汇集所有图标字体。Material Design Icons、FontAwesome、Jam Icons、EmojiOne、Twitter Emoji，一切你说了算。都是一些很有代表性的图标。

13. Figmotion（创建动画）

Figmotion

如果你一想到探索动画就会感到恐惧，或者你觉得切换工具来访问高级动画功能很麻烦，那么Figmotion会使你的动画制作不再那么焦虑。同时，由于动画是基于网络技术的，所以也很容易上手使用。

14. Split Shape（创建列/行）

Split Shape

Split Shape是一种有趣的创建列的方法，它可以将一个矩形分割成多个矩形，然后你可以从这些矩形中创建列（或行或其他什么内容）。如果你能跳出到框框外的思维，Split Shape还可以用于各种不同的事情！

15. Remove BG（移除位图背景）

Remove BG

Remove BG本身是一个网络工具，它可以移除位图图像的背景，有效地将其转化为透明的PNG。而该插件就是在Figma内部做同样的事情。

如果你一直保留着Photoshop只为了删除背景，现在你可以删掉它了，这能很好地释放出约8GB的SSD空间。

流行的Figma插件

以上还有很多插件没有提到，因为它们已经被其它设计工具如Sketch等为用户所熟知。以下列出几个最广为人知的：

• Confetti (碎花生成)

• Unsplash (插入Unsplash图片)

• Rename It (批量重命名)

• Humaaans (插画神器)

• Stark or A11y – Color Contrast Checker (测量色彩对比度)

额外推荐的 Figma 插件

以下这些Figma插件都非常棒，但你可能不需要经常用到它们。可以做备用处理。

• Arc (制作拱形文字)

• Roto (对图形进行旋转挤压)

• Table Generator (创建表格)

• To Path (沿路径创建文本)

• Brandfetch (调用品牌资源)

• Isometric (使对象等距)

• Mapsicle or Map Maker (自定义创建地图)

• Skew (创建简单的等距模型)

• Image Tracer (将位图转换为矢量图)

• Shadow Picker (智能创建阴影)

• Metaball/Blobs/Waves (创建抽象图形)