最实用的10个 Figma 插件

最近最热门的设计神器 Figma 令人瞩目，Figma 作为一个基于浏览器的设计工具拥有实时协作、矢量网络、版本控制、全平台客户端等特性，最近官方开发的插件系统更是让 Figma 锦上添花，我们来看下最令人期待的10个 Figma 插件吧。

1. 利用 Google 表格填充组件数据

Dave Williames（知名Sketch插件Paddy的作者）在 Sketch做个一个 Google sheets content sync的插件，现在把相同的功能移植 Figma 上，可以简单的填充设计组件中的文字和图片，让设计更加真实。

https://twitter.com/DavidWilliames/status/1156503669707161600​

利用 Google 表格填充组件数据

2. 快速生成不同风格的图表

可以在Figma中快速生成不同风格的图表，支持随机数据、导入Table和JSON数据。

https://twitter.com/pavelkuligin93/status/1153648801468563456​

快速生成不同风格的图表

3. 利用 Mapbox 导入和生成地图

如果你厌倦了在网页上打开地图，手动截图再复制到设计软件中，这款插件可以满足你的需求。利用 Mapbox 的API 选择需要生成的地图位置，地图样式，更支持随时编辑，不能再完美了。

https://twitter.com/chrisarvinsf/status/1152083555792539655​

利用 Mapbox 导入和生成地图

4. Roto，实施生成 3D 模型

使用 three.js 构建，在 Figma 中实时生成 3D 模型，可以调整模型的角度和深度。实在是打开的设计软件的新世界，应该会有更多有趣的生成器插件在Figma中孵化。

https://twitter.com/carlojoerges/status/1152071910793990145​

Roto，实施生成 3D 模型

5. 关键帧动画生成器

顺滑的关键帧动画生成器，可以直接导出 mp4，看这个效果简易动画可以直接在 Figma 完成设计和实现了。

https://twitter.com/mattdesl/status/1145645537888284672​

关键帧动画生成器

6. 图片取色器

苦于没有配色方案？这款插件可以对图片取色，一键生成多组配色方案。妈妈再也不怕我没有配色方案了😂。

https://twitter.com/mattdesl/status/1150023854313656321​

图片取色器

7. 流程图连线生成器

选择两个画布，可以根据画布位置自动生成流程图连线。

https://twitter.com/figmadesign/status/1154428831840686081​

流程图连线生成器

8. 快速启动器

类似于 Sketch 中的 Runner 插件，可以快速搜索选中元素或组件，相信后续会有更多的快捷功能的加入。

https://twitter.com/kawamurakazush1/status/1153907153779847168​

快速启动器

9. 利用代码生成复杂 3D 背景图

插件作者 Matt DesLauriers 堪称数字艺术家，有许多使用代码生成图像的项目，同时也是「关键帧动画生成器」的作者，期待更多好的插件作品。

https://twitter.com/mattdesl/status/1148203301227438080​

利用代码生成复杂 3D 背景图

10. 一键获取网站logo

一个功能简单却实用无比的插件，输入目标网站，立刻获取网站的logo，不用再每次打开Google搜索复制粘贴了。

https://twitter.com/figmadesign/status/1154771026766520320

一键获取网站logo

如果您有发现更有趣的插件，欢迎在下方留言交流。