然而,并非所有插件都同样出色。有些可能已经过时或不适合扩展项目,但有些可能会提升和改变您的设计方式。所以这里是我收集的最好的插件,可以帮助你在 Figma 中设计、管理和操作系统。
Figma Tokens -设计系统规范&UI风格设置
Figma 令牌插件可让您根据项目的颜色、版式和全局值(例如边框半径、间距等)创建设计令牌。令牌授予对您的设计系统的许多控制杠杆。这包括为您的 UI 设置主题、更新特定风格细节或使用一些命令修改整个系统的能力。
首先,您可以启动插件并从文件生成令牌或上传 JSON 以将现有令牌带入新项目。
当您需要在另一个项目中使用现有样式时,Figma 没有导出/导入样式的方法,而 Figma Tokens 有一个卧底功能来解决这个问题。您可以从一个文件中导出样式,然后将它们作为 JSON 导入到另一个文件中。
Figma 令牌是一个免费插件,具有专业计划和高级功能。

Batch Styler-批量修改文本颜色样式
Batch Styler 插件填补了 Figma 另一个缺失的功能,让您可以一次修改多个文本和颜色样式。使用此插件的 UI,您可以轻松地批量更新颜色和排版,以及删除或重命名文件样式。

Similayer-批量筛选查找同属性的图层
Similayer 是在 Figma 中选择对象的一个疯狂的强大扩展。
此插件在更改特定组件详细信息或变体时会派上用场。要使用它:选择一个图层,然后运行插件以根据需要的属性查找并选择所有其他图层。

Instance Finder – 定位搜索查找子组件插件
当您需要找出组件的特定实例所在的位置时,这是一个真正的救星。每当您需要查找链接到过时文件或其他文件的旧组件时,请使用 Instance Finder。

Master – 文件之间创建、克隆和移动组件的插件
Master 是一个有用的插件,用于将设计系统移动到不同的文件/项目或从另一个工具(如 Sketch 或 Adobe XD)迁移您的设计文件。
Master 可以在文件之间创建、克隆和移动组件。除此之外,Master 可以从画布上的任何对象创建一个新组件。当您决定将草稿设计系统化为结构化文件时,这尤其会派上用场。
Master 是一个付费插件,但有一个有用的

Style Organizer – 合并设计样式(字体大小,颜色)
用于审核您的设计系统的插件。这个有用的工具可让您合并相似的样式、解决不一致并将您的设计样式打磨至完美。

Design System Organizer-设计系统组件&样式管理器
设计系统管理器有助于管理您的组件和样式。在它的帮助下,您可以轻松地排列文件、在文件之间复制样式以及批量更新组件实例。
该插件支持使用本地和外部库,并有一个有用的上下文菜单来帮助您组织、删除和分组组件和样式。DSO 是一个付费插件,每个新文件都有 15 天的免费试用期。

Appearance – 生成深色/浅色主题插件
Appearance 插件有助于从您的 UI 工具包样式中生成深色/浅色主题。该插件可以将颜色主题应用于您的选择,并实时将样式从一个主题切换到另一个主题。该插件支持外部库,这在您在 Figma 中创建多主题设计时非常有用。

Contrast -对比度插件
对比插件是确保您的设计通过 Web 内容可访问性指南 (WCAG) 的工具。
要使用它:选择一个图层并运行插件。该插件将立即分析您选择的背景并显示前景和背景之间的对比度。
作为奖励,您可以使用对比度插件生成文件中所有对比度问题的报告,并可选择修复它们。

Clean Document -清理图层插件
一个带有工具集的插件,用于在将设计系统交给审查或移交之前组织和清理文件。
该插件包括以下功能:删除隐藏层、取消组合单层组、制作像素完美的设计、智能重命名、排序层等,以帮助完善您的 Figma 文档。

Change Text – 更改文本插件可以批量编辑文本内容
更改文本插件可以批量编辑文本内容。选择多个文本图层并运行插件以更改其内容。该插件有一个很好的结果预览,可以帮助您避免拼写错误。

Automator – 自动化命令操作插件
Automator 是列表中最强大的插件。它的能力远远超出了可能的描述;它允许您直接在 Figma 中构建插件。您可以从 100 多种操作(命令)中进行选择,以混合和匹配它们、创建自动化并使用 Figma 插件 API 进行试验。
要首先使用该插件进行测试,您可以探索其不断发展的社区并使用其中一个模板来了解其在特定任务上的逻辑和功能。

Data Lab – 随机内容填充生成插件
帮助在您的设计中生成随机或实际数据的插件。这包括用户名、日期、地址、城市、电子邮件等。此插件与文本层和组件一起使用,有助于使用真实数据示例填充您的设计系统。

Stark – 检查设计稿是否符合无障碍标准插件
Stark 插件可以检查您的设计是否符合无障碍标准,包括视力障碍和对比度障碍模拟。如果您正在设计产品并想让每个人都可以访问它,您可以使用此插件来分析和增强您的设计。

Design lint – 检查样式插件
Design lint 是一个开源插件,可以在您的设计文件中发现缺失或不一致的样式使用。该插件在将文件投入开发之前突出显示最常见的错误。
您可以使用它来导航您的工作并按各种类别修改错误,例如缺少填充或文本样式、不一致的阴影或边框半径使用等。

Measure – 标注测量插件
一个快速生成红线并为您的设计添加尺寸测量的插件。一个可爱的插件,可帮助您更好地与开发人员沟通。

Themer – 主题样式交换插件
Themer 是另一个出色的插件,可让您从已发布的团队库中制作和交换主题。您可以使用它将颜色、文本和效果样式应用于整个页面或您的选择。

Minimap – 根据设计稿生成设计稿地图
Minimap 是一个漂亮的插件,可以根据您的设计生成地图。它会创建文件预览,您可以使用它来查看整个图片并通过单击导航设计的任何远处部分。

Selection Variants – 变体切换和选择插件
选择变体可让您查看和控制选择中的所有嵌套变体实例。使用它在变体之间切换,而无需单击组件来查找所有嵌套实例。
使用此插件可以帮助其他人发现您的组件是如何工作的,并从您的设计系统中消除不必要的复杂性。

Super tidy – 保持设计稿整洁插件
Super tidy 通过根据对象的画布位置有效地对齐、重命名和重新排序对象,有助于保持您的设计整洁。在画布上安排大量变体和组件示例时,此插件非常出色。

结论
这些只是我们认为值得您关注的几个插件。随着这么多优秀的插件的出现,作为设计师,我们可以诚实地说,我们的生活每天都在变得更轻松。将此列表保存到您的收藏夹并与他人分享,以帮助他们完成 Figma 之旅。