适合每位设计师的 13 个最佳 Figma 插件

多年来,Sketch 和 Adob​​e 一直是 UI 和 UX 设计师事实上的首选应用程序。 但是,在过去几年中,我们看到市场上出现了许多新的竞争者。 其中,Figma 脱颖而出的原因有很多。 该公司最近 添加了期待已久的插件插件 使其用户更轻松。 我们在下面的列表中选择了一些最好的 Figma 插件。

如果没有插件支持,设计师的工作可能会很乏味。 Figma 插件并不总是一回事。 此外,Figma 适用于任何运行网络浏览器的操作系统,如 Mac、Windows、PC 等。

Figma 目前的热门话题是对免费和高级插件的支持,这些插件在漫长的 UI 设计时间内提供急需的帮助。

让我们来看看。

1. 不飞溅

这是不言自明的。 您可以选择 Figma 的 Unsplash 插件,并直接从 Figma 主屏幕开始使用模型图像,而不是浪费时间在网络上寻找高质量的免版税图像。 难怪 Unsplash 在插件商店中的下载量如此之高。

2. 内容卷轴

大多数设计师依靠 Lorem Ipsum 生成随机文本以用于 UI 模型。 Content Reel 将体验提升到一个新的水平。 它允许您生成用户名、日期、地址、货币、头像、图标、图像等随机内容,它比 Lorem Ipsum 更有用和有效。

figma 内容卷轴

3. 线框

我们知道市场上充斥着诸如 Balsamiq 之类的线框解决方案,但如果您想快速在 Figma 中创建原型,那么线框插件是您的必备之选。

figma 线框

线框有一个 Web 和移动预先设计的线框(模板)列表,分为多个类别,可以通过单击框架直接添加到 Figma 页面。 所有文件都是 Figma 组件 (SVG),它们很容易编辑。 有了它,您可以轻松管理所有线框图和原型制作活动。

4. 图标化

每个设计师都需要图标来处理 UI 项目。 您可以选择第三方插件(例如 Iconify)来在项目中实现不同类型的图标,而不是在网络上无休止地找到它们。

figma 图标化

Iconify 允许您导入 Material Design Icons、FontAwesome、Jam Icons、EmojiOne、 Twitter 表情符号和许多其他图标(包含超过 50,000 个图标的 60 多个图标集)Figma 文档为矢量形状。

5. 图像调色板

如果您难以根据图像决定颜色组合,Palette 是适合您的插件。 该扩展程序从所选图像中提取 5 种不同颜色的调色板。 继续从下面的链接尝试一下。

figma 的图像调色板

6. 故事集

设计师喜欢插图,不是吗? 在为网站或应用程序设计欢迎页面时,您通常需要使用插图来影响它。

figma 的故事设定

如果您想要精美的定制插图,您可以使用 Stories by Freepik 插件根据需要导入和编辑它。 有超过 1000 张免费插图可以宠坏您。

7. 标志创作者

您的客户是否需要自定义徽标,而您不知道从哪里开始? Figma 的 Logo Creator 插件允许您选择最好的徽标或使用不同的组件制作徽标。 您可以通过选择各种形状或从 300 多个徽标的预构建集合中选择最佳徽标来制作精美的徽标。

figma 的标志创建者

8. 图表

在您的设计中添加简单的原始数据可能会使其看起来乏味。 您可以使用图表来增强整体设计的吸引力。 为此,我们推荐 Figma 插件的 Charts。

figma的图表

图表允许您生成可以在 Figma 文档中添加和编辑的图表。 从折线图、面积图、饼图、甜甜圈图、散点图和条形图中进行选择。 每个图表都有自己的一组配置,例如几个点、最大值和最小值。

9.Figmoji

Figmoji 很有趣。 如果您的工作在设计项目中涉及表情符号,那么 Figmoji 是您的完美插件。 只需单击一下,您就可以将表情符号直接应用到您的 UI 项目中。 正如预期的那样,该插件添加了表情符号的 SVG 格式,因此您可以灵活地编辑它们。

figma 的表情符号

10. 地图制作器

很多时候,设计师必须在他们的设计中添加地图。 然后他们前往谷歌地图并手动提取内容。 Figma 的 Map Maker 插件可以帮我们省去所有麻烦。 Map Maker 可让您快速制作自定义地图。 它目前支持谷歌地图和 Mapbox。

figma 地图制作工具

11.超级整洁

对齐在每个设计项目中都是必不可少的。 一个简单的错位是绝对应该避免的。 Super Tidy for Figma 允许您根据画布位置轻松对齐、重命名和重新排序帧。 Super Tidy 还会重命名您的框架,并根据它们在画布中的位置在图层列表中重新排列它们。

figma 对齐

12. Vectary

Figma 的 Vectary 3D 插件正在为您的 2D 设计添加缺失的第三维。 将您的 Figma 设计放入预定义的 3D 模型或您的自定义 3D 元素中。 在 3D 中设置您想要的视角,然后一键将结果放入场景中。 这是一个必不可少的插件,尤其是当您想给客户留下深刻印象时。

figma 的 Vectary

13.字体预览

在他们的界面设计中巧妙地制作了排版,也使它对许多人有吸引力。 文本类型具有制作或破坏界面的力量。 使用相同的排版可能会损害您的设计。 您可以使用字体预览来避免这种情况。 使用此插件,您可以预览 1000 多种排版样式的文本。

figma 字体预览

像专业人士一样使用 Figma

UI 设计软件的插件类似于浏览器的扩展。 使用正确的插件集,您可以通过 Figma 显着改善您的工作流程和生产力。 浏览上面的列表,并在下面的评测中告诉我们您安装了哪些插件。

接下来:

Figma 使用内置键盘快捷键是一种乐趣。 阅读下面的文章,了解适用于 Windows 和 Mac 的十大 Figma 键盘快捷键。