每个设计师都必备的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能够同时更改多个颜色和字体。通过单击一次,这个插件可以节省很多时间,可以改变整个设计系统。

[插件下载链接] agic Moodboard Generator plugin allows designers to quickly create stunning vector graphic mood boards and background art. Users can adjust color, light, complexity, and depth to experiment and find inspiration for their design projects.

Link to download the plugin (opens new window) 魔法情绪板生成器可以为您创建一个令人难以置信的情绪板。

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

迷你魔法情绪板生成器插件

5. 内容卷轴 #

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

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

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

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

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

  • PDFs: 从Figma获得更好的PDF。控制文件大小和 * JPGs: 控制图片大小和压缩级别
  • WebPs: 控制图片大小和压缩级别
  • PNG:控制图片大小(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](https://www.figmatraining.com/courses/figma 嗨, 我是Dinesh,一个设计狂热者。 从我的设计视角来看,我相信整个宇宙都与设计相连。 我是一位有近4年UI/UX设计经验的创意设计师。 来吧,让我们一起加入、联系并探索这个美妙的设计世界。

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