Get best of the week

回顾14个适用于Figma的新插件，这些插件将有助于我们提高生产力



今天，我们将讨论以下新的Figma插件：

  • AutoGrid-对AutoLayout的网格支持。
  • 跟踪-用于创建跟踪注释的插件。
  • 查找和替换颜色-在设计中组织颜色样式
  • Spacing Manager-用于在组件中进行一致缩进的插件
  • Geometric –
  • Halftones – ,
  • Batch Styler –
  • Spell Inspector —
  • Sitemap –
  • Style Organizer —
  • Focus CSS — CSS Figma
  • Flipbook – Figma
  • SwiftUI Inspector – Apple
  • Filter –


大家好！我们希望在这次危机中一切都好。

COVID-19的扩散对整个世界都产生了影响，我们中的许多人现在已经完全转向远程工作。许多人很难带着孩子在家并保持生产力，但是我们所有人都必须保持专业水平并支持我们的社区。

很高兴看到人们在前所未有的时代如何团结，协作和互相帮助。我们也不会袖手旁观，因为Figma的主要思想是合作。鉴于第一期受到Figma社区的非常积极的欢迎，我们很高兴继续进行有益的工作，节省您学习新插件的时间，并为您提供Figma的精选插件，这些插件将有助于您的工作并保持生产力和创造力。

朋友，在我们开始谈论插件之前，我们想说的是，现在对我们来说最重要的是保持积极的态度，因为毫无疑问，大流行将很快结束，一切都会恢复正常。对于我们所有人-设计师来说，这对于全世界的人们都是一种新的体验，这反映在我们的工作中。

尽管经济困难，但我们不放弃希望设计行业受危机影响最小的机会，尽管一些设计师已经在抱怨商业活动减少。但是，今天，许多公司开始远程工作，我们认为这是Figma和其他工具提高生产率，提高其对项目和市场需求的重要性的好时机。

好了，现在让我们深入分析插件！我们从最后一个地方开始-最有趣的是在下面等您。

14. 网站地图




如果您需要绘制站点地图-此插件将帮助您完成此任务。
Sitemap插件的功能非常简单：输入或粘贴您网站的URL，然后单击“创建地图”。该插件将显示从HTML源中找到的所有链接。

13. 半色调




在半色调的帮助下，您可以将冷色点和半色调滤镜应用于图像。

只需选择1张或多张图像，然后选择要应用的滤镜类型（点或半色调效果）即可。然后，使用滑块确定图片的角度和大小，单击“应用”，然后瞧-您的图像变得更加时尚。

12. 活页簿




通过Flipbook插件以很少的乐趣来稀释我们的评分！这是一个用于在Figma中动画设计的插件。它具有许多功能，包括实时预览，速度更改，使用滑块调整动画速度以及反向动画并导出到GIF。

此插件还有Pro版本。它没有水印，还具有洋葱皮功能（洋葱皮，即显示框架封面以检查动画的功能）。

11. 拼写检查员




您是否曾经需要过一种工具，可以在图中找到拼写错误？好吧，Spell Inspector插件将为您提供帮助。

Spell Inspector使用特殊的SpellCheck API。目前，该词典包含40,000个单词。拼写检查器检查您要查找拼写错误的页面，并提供相关句子的列表。我们希望将来该插件的创建者将添加更多语言并扩展字典。

订阅我的Telegram频道“对设计师有用”，将发布以下部分的公告以及许多其他有用的设计资源。我不断与时并进，关注新的有用资源，工具和应用程序的发布，这些资源，工具和应用程序可帮助设计师，开发人员和团队经理加速发展。


10. 焦点CSS




该插件将改善在Figma中使用CSS的过程，并检测不一致的样式。

插件功能：

  1. 整个Figma文档中所有元素的CSS生成；
  2. 隐藏那些您不想复制到代码中的CSS属性的能力。
  3. 还有一个过滤功能，可帮助您仅显示所需的CSS图层类型。

9. 追踪




使用此插件，您可以直接从Figma文件创建，更新或附加跟踪注释。

通过跟踪，您可以向开发人员说明您要跟踪的内容，并确保从鸟瞰角度跟踪所需的项目。另外，该插件具有“状态”功能，因此您将知道是否已执行跟踪。

为了更好地了解如何使用该插件，您可以在此处查看手册。

8. 过滤器




尽管该插件已于上个月发布，但仍在不断更新，并且作者在此添加了越来越多的有趣过滤器。这就是为什么我们决定将这个出色的插件添加到我们的列表中的原因。

使用过滤器，您可以提高创造力并加快工作流程。在您的Figma军械库中拥有此插件后，您不再需要退出Figma即可使用Photoshop，因为Filter使您可以很好地控制图像或节点的设置。

目前，您可以使用30多种滤镜，其中包括：凸出捏，彩色半色调，卡通，三角模糊，降噪，镜头模糊，夜视，交叉阴影线和许多其他滤镜。

7. SwiftUI检查器




使用Swift并在寻找一种工具来帮助您将元素样式从Figma转换为Xcode？您可以停止搜索，因为SwiftUI检查器将解决此问题。使用这个很酷的插件，您可以将设计元素的样式导出到SwiftUI代码。

支持的功能包括：颜色，文本标签，基本形状。该插件的作者承诺在不久的将来增加对元素的支持，例如组件，矢量和阴影。

6. 几何




使用这个出色的插件为您的项目添加一些数学上的美感。多亏了Geometric，现在创建复杂形状比以往任何时候都更加容易。您可以使用玫瑰，多边形，各种类型的螺旋，超椭圆，天体，三角函数等图形。您可以使用各种参数来更改它们。而且根据插件的创建者的说法，在不久的将来还会有更多有趣的数学数字。

5. 间隔管理器




许多设计师遇到了在元素之间应用不同缩进的实践。有些元素缩进了10px，另一些元素缩进了14px，等等。后来，如果您需要更改缩进，则必须手动更改每个元素。AutoLayout解决了此问题。但是，使用Spacing Manager插件，您可以进一步改善缩进过程。

4. 查找和替换颜色




从Sketch导入无组织的设计时，您是否遇到过情况？还是您的同事向您发送了没有颜色样式的Figma模板？使用此插件，您可以轻松找到文件中的所有颜色并将其替换为所需的颜色。

该插件可用于处理任何类型的文件，包括组件，实例，矩形，框架，矢量对象或文本。

该插件易于使用：安装并运行。然后单击相应颜色旁边的输入字段，然后输入新的颜色值。之后，您可以通过单击“替换颜色”按钮开始替换所有匹配项的过程。

3. 批处理样式器




对于存在许多文本样式的情况，Batch Styler是一个很好的解决方案，您需要快速更改这些文本样式的字体，而无需执行不必要的操作。

无论您需要更改多少种文本样式或字体，Batch Styler都会处理所有问题并保存所有类型的字体粗细和其他样式。

2. 风格组织者




该插件有助于显示和组织页面上的颜色样式。同样，具有组织的样式，此工具将自动生成调色板。
在此插件中忽略的是：图像的填充/笔触，图层的不可见缩进/不可见的节点。

还请记住，进行设计更改时，Style Organizer不支持自动更新功能。进行更改后，您将需要单击刷新按钮。

1.自动网格




也许您面临一种情况，需要创建几个AutoLayout图层以确保布局中的卡片处于整齐的状态？

这个插件是一个很好的解决方案。AutoGrid会处理与网格有关的所有事情。您所要做的就是定义列，行和缩进，其余部分由AutoGrid完成。

该插件非常易于使用：

  1. 选择网格的根元素（例如一张卡片）
  2. 定义网格结构：行，列和缩进的数量。
  3. 单击创建新网格。

AutoGrid将创建您的根元素的副本，以便其填充新创建的网格。
该插件还具有自动更新功能。使用此功能，您无需在每次结构更改时手动更新网格。


我们选择AutoGrid，Style Organizer和Batch Styler作为当今评级的领导者，因为这些插件非常有用，可以加快设计过程，尤其是在创建设计系统时。

我们希望这组插件对您有所帮助。如果您需要专业的Figma设计系统和模板，请访问Setproduct.com。好吧，就我们而言，我们将为您提供最新的最新信息。和我们在一起，＃留在家里！

订阅我的Telegram频道“对设计师有用”，将发布以下部分的公告以及许多其他有用的设计资源。我不断与时并进，关注新的有用资源，工具和应用程序的发布，这些资源，工具和应用程序可帮助设计师，开发人员和团队经理加速发展。

More articles:


All Articles