最实用的10个 Figma 插件

lvwzhen
·
·
IPFS

最近最热门的设计神器 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

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

CC BY-NC-ND 2.0 授权

喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!