每个设计师都必备的20个Figma插件

2023 年 9 月 14 日

Dinesh Samala (opens new window)UX Planet (opens new window)

这是我最喜欢的20个插件,对于每个设计师来说都很重要和必要。

1. Autoflow #

Autoflow是创建快速用户流程的最佳工具。您只需创建形状并连接它们,就可以在很短的时间内创建用户流程。

插件下载链接 (opens new window)

2. Batch Styler #

Batch Styler 能够同时更改多个颜色和字体。仅需点击一次即可批量更新,这个插件可以节省大量时间,轻松管理整个设计系统的样式。

插件下载链接 (opens new window)

3. Mini Magic Moodboard & Background Generator #

Magic Moodboard Generator 插件允许设计师快速创建精美的矢量图形情绪板和背景艺术。用户可以灵活调整颜色、光影、复杂度和深度,为设计项目寻找灵感并生成惊艳的情绪板。

插件下载链接 (opens new window)

5. 内容卷轴 #

内容卷轴是您可以获取到一切的地方,从图片到文本字符串,再到图标和头像,无所不包。我经常使用这个插件,它是由微软创建的。对我来说,这是最重要和省时的插件。

下载插件的链接 (opens new window)

6. 压缩的PDF和图像导出器 #

压缩的PDF导出器Figma插件允许您从Figma导出更小的资产,这些资产更容易在线共享,并且对开发更有益。

即刻创建轻量级PDF,易于审查和通过电子邮件、slack等分享。

  • PDFs: 从Figma获得更高质量、更小体积的PDF。
  • JPGs: 控制图片大小和压缩级别。
  • WebPs: 控制图片大小和压缩级别。
  • PNGs: 控制图片大小(PNG-24是无损的,无需压缩)。

下载插件的链接 (opens new window)

压缩的PDF和图像导出插件

7. Feather Icons #

Feather图标是一个带有一些基本图标的图标库。尽管与其他图标插件相比,这是一个非常好的插件,但它的图标数量非常少。

下载插件的链接 (opens new window)

8. Figma转HTML、CSS、React等! #

这是我最喜欢的插件之一。您可以使用几个点击将任何网站转换为Figma设计。想象一下把任何网站转换成设计并使用该网站组件。

下载插件的链接 (opens new window)

9. Figmoji Figmoji是一个包含许多表情符号的表情库。只需选择您想要的表情符号,Figmoji将添加所选表情符号的SVG。 #

下载插件链接 (opens new window)

10. 图标调整大小 #

手动导入一堆图标并逐个调整大小是一个很长的过程,但您可以通过单击一次调整选择的所有图标的大小。当您导入大量图标时,此插件非常有帮助。

下载插件链接 (opens new window)

11. Iconify #

Iconify是Figma插件中最大的图标库。Iconify拥有超过100个图标集,包含超过100,000个图标,可以作为矢量形状导入到Figma文档中。

下载插件链接 (opens new window)

12. 断点 #

您可以在Figma中预览响应式设计布局。它甚至可以在一个Figma框架内工作。 不需要打开插件窗口,最棒的是,您团队中的任何人都可以调整框架的大小,而无需安装插件(这难道不令人惊讶吗)。

下载插件的链接 (opens new window)

13. 等距 #

Isometric 允许您创建等距图层,而无需手动设置它们。等距成为设计中的一个酷炫趋势。因此,制作等距设计非常容易。

下载插件的链接 (opens new window)

14. 绘制连接器 #

连接器线条和形状在创建用户流程时非常有帮助。绘制连接器是一个很棒的插件,可以像这样给您的图层添加标签并进行连接。

下载插件的链接 (opens new window)

15. LottieFiles #

使用 LottieFiles 插件,您可以将动画插入到设计中。您可以导入 SVG 或 GIF 动画。 完全免费,LottiFiles拥有数千个适用于您的项目的动画。

下载插件链接 (opens new window)

16. Mapsicle #

您是否在设计中使用屏幕截图图像作为地图?不再这样做,只需使用Mapsicle插件即可轻松创建设计中的地图。您可以搜索任何位置,并将该位置的图像用作设计中的地图图像。

下载插件链接 (opens new window)

17. Remove BG #

如果您使用任何图像并且想要删除图像的背景,则Remove BG是最佳插件,只需单击即可删除背景。

下载插件链接 (opens new window)

18. UIGradients #

使用此插件,您可以通过单击一次向设计中添加许多渐变。

下载插件链接 (opens new window) ## 19. Unsplash

Unsplash是Figma中非常受欢迎的插件,您可以通过单击一次即可立即导入大量的图像。

下载插件的链接 (opens new window)

20. Typescale #

作为设计师,我们都知道排版和层次结构的重要性。Typescale是快速生成字体比例尺的最佳工具。

下载插件的链接 (opens new window)

嘿,各位,如果您是UI/UX的新手,并且希望学习它,请加入最全面的在线Figma课程,学习如何创建精美的设计!学习Figma可以提升您的技能水平,并在世界任何地方建立您的职业生涯。这是学习如何在Figma中构建任何您可以想象的东西的终极课程。提供30天退款保证。 课程链接:https://www.figmatraining.com/courses/figma-training?ref=ab9124 (opens new window)

嗨, 我是Dinesh,一个设计狂热者。 从我的设计视角来看,我相信整个宇宙都与设计相连。 我是一位有近4年UI/UX设计经验的创意设计师。 来吧,让我们一起加入、联系并探索这个美妙的设计世界。

LinkedIn (opens new window) | Instagram (opens new window)

❓ 常见问题与答疑 (FAQ)

高频疑难解析与避坑指南
A

完全不需要。绝大多数核心功能在免费 Starter 计划中均可完整体验与实操练习,无需额外付费购买付费团队版。