自从Figma推出插件功能以来，插件的发布一直成为热门话题，也为改善Figma的设计流程添砖加瓦。并且，随着众多大牌公司的设计团队全都转移至Figma，也让该应用在设计行业掀起了一场风暴。无论你是Figma的老司机还是新手，抑或是准备转入Figma行列的设计师，本文将列举一些迄今为止好用、流行（应用于Sketch或Adobe XD等流行交互设计工具的）、以及功能独特的插件以供参考。
1. Arrow Auto（创建用户流）
Arrow Auto
Arrow Auto 为 Figma 添加了流程图功能，这对于创建用户流非常有用。选择画布上的任意两个对象，Arrow Auto 让你能够在它们之间绘制一个连接器。你还可以按需隐藏和显示流程。
虽然Autoflow对于绘制流程图来说也是一个不错的选择，而且界面或许看上去更美观，但是 Arrow Auto 比其具有更多的功能，包括切换连接器的方向，在保持连接器不变的情况下将连接的对象移动到其他地方等。
Arrow Auto
链接：https://figma.com/c/plugin/751007211632768205/Arrow-Auto
费用：免费
2. Angle（模拟真实设备）
Angle
Angle可以模拟真实的设备，并在其框架内显示你的设计屏幕，每个框架都可以选择各种显示角度和阴影风格。而且这些框架全都是100%的矢量格式。
Artboard Studio 虽然也是模拟设备显示，但和 Angle 并不完全相同。它允许在画布上插入一大堆随机的3D对象。如果你只关心设备模拟，建议使用Angle。 Vectory 3D 和 Artboard Studio 类似，但它可以输出到实际的3D资源。
Angle
链接：https://angle.sh/
费用：$79
3. Master（使组件管理变得更容易）
Master
Master提供了一个更好的管理组件的方法，比如将多个相同的对象变成一个组件，或将组件复制到其他Figma文件中等等。
Master
链接：https://figma.com/c/plugin/767721682134156281/Master/
费用：$30（提供免费试用版本吗，每个文件可以使用5次）
4. Clean Document（自动清理文档）
Clean Document
Clean Document，顾名思义，清理你的文档! 它可以删除隐藏的图层、对图层进行智能分类、对图层进行重命名、取消单图层分组、甚至将尺寸四舍五入到最接近的像素。这是为强迫症患者提供的一个非常棒的工具!
Clean Document
链接：https://figma.com/c/plugin/767379019764649932/Clean-Document/
费用：免费
5. Similayer（选择相同图层）
Similayer
很简单，Similayer 允许你根据当前所选图层的相似度来选择图层。假设你想改变一个阴影风格，而这个阴影风格被用在很多不同的元素上，Similayer 可以帮你做到这一点。你还可以用它来批量重新分配多个组件。
Similayer
链接：https://figma.com/community/plugin/735733267883397781/Similayer/
费用：免费
6. Viewports（改变视窗）
Viewports
查看所有屏幕视窗尺寸的市场占有率，然后将其应用于框架中。这个功能非常有用！统计数据来自StatCounter。
Viewports
链接：https://figma.com/community/plugin/732240841094697441/Viewports/
费用：免费
7. Todo（创建待办清单）
Todo
这是应用于Figma中的待办清单。它并非要取代你的日常待办事项清单，而是让你在不需要离开 Figma 的情况下就能追踪你的设计待办事项的清单。比如，需要一个进行修改设计的项目清单？或是需要确定设计项目的优先级？如果是这样，请安装Todo插件。
** Todo**
链接：https://figma.com/community/plugin/747822968977461925/
费用：免费
8. Font Scale（创建字体比例）
Font Scale
通过选择一个基本尺寸和比例系数，建立一个视觉上一致且层次分明的字体比例，然后将其保存到你的文档中，以便日后使用参考。尺寸单位为em或px的形式。
Font Scale
链接：https://figma.com/community/plugin/741231992144144738/Font-Scale/
费用：免费
9. Content Reel（插入真实的内容）
Content Reel
Content Reel 将真实的内容插入到你的设计中。比如你需要一个地址？或是头像？亦或出于某种原因，需要一个名字却完全想不出？Content Reel 会帮你解决这些问题。
使用真实的数据进行设计，可以确保设计不会在开发后看起来很奇怪，同时也能帮助我们设计出边缘案例。
Content Reel
链接：https://figma.com/c/plugin/731627216655469013/Content-Reel/
费用：免费
10. Google Sheets Sync（从Google Sheets同步数据）
Google Sheets Sync
无论你的应用是有API还是你只是想手动创建一个数据表，Google Sheets Sync
基本上可以让你直接将这些数据同步到Figma中。这就像Content Reel一样，但不同的是，你可以自己定义数据。它对于想要利用实际利基（或实时应用）的数据来构建真实模型的设计者来说非常有用，特别是对于想要使用相同的数据库进行设计的团队来说，尤为有用。
Google Sheets Sync
链接：https://figma.com/community/plugin/735770583268406934/Google-Sheets-Sync/
费用：免费
11. Chart（创建真实数据的图表）
Chart
使用来自Excel、Numbers、Google Sheets的数据创建令人惊叹的、可定制的图表，或者只需导入本地CSV或JSON文件即可。 Datavizer虽然也是一个合适的选择，但 Chart 可以与实时JSON同步（即你可以将 Chart 连接到REST API）。
Chart
链接：https://figma.com/community/plugin/734590934750866002/Chart/
费用：免费
12. Iconify（使用图标字体）
Iconify
在Figma内部汇集所有图标字体。Material Design Icons、FontAwesome、Jam Icons、EmojiOne、Twitter Emoji，一切你说了算。都是一些很有代表性的图标。
Iconify
链接：https://figma.com/community/plugin/735098390272716381/Iconify/
费用：免费
13. Figmotion（创建动画）
Figmotion
如果你一想到探索动画就会感到恐惧，或者你觉得切换工具来访问高级动画功能很麻烦，那么Figmotion会使你的动画制作不再那么焦虑。同时，由于动画是基于网络技术的，所以也很容易上手使用。
Figmotion
链接：https://figma.com/community/plugin/733025261168520714/Figmotion/
费用：免费
14. Split Shape（创建列/行）
Split Shape
Split Shape是一种有趣的创建列的方法，它可以将一个矩形分割成多个矩形，然后你可以从这些矩形中创建列（或行或其他什么内容）。如果你能跳出到框框外的思维，Split Shape还可以用于各种不同的事情！
Split Shape
链接：https://figma.com/community/plugin/746565487016656360/Split-Shape/
费用：免费
15. Remove BG（移除位图背景）
Remove BG
Remove BG本身是一个网络工具，它可以移除位图图像的背景，有效地将其转化为透明的PNG。而该插件就是在Figma内部做同样的事情。
如果你一直保留着Photoshop只为了删除背景，现在你可以删掉它了，这能很好地释放出约8GB的SSD空间。
Remove BG
链接：https://figma.com/community/plugin/738992712906748191/Remove-BG/
费用：免费
流行的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 (创建抽象图形)
英文原文：https://www.sitepoint.com/15-figma-plugins-to-help-you-design-better
原文作者：Daniel Schwarz
编译作者：@设计吐司
以上译文仅代表原作者观点。如需转载请遵循CC版权协议正确标明出处。
网友评论