在这篇文章中，我们将探讨一些最好的 Figma 插件，它们将帮助您充分利用 Figma，并确保您能够创建您所期望的布局和设计。
使用设计工具
设计工具对我们的生活有重大影响，因为它们协助我们创造我们需要的、喜欢的或梦想的产品。了解使用哪些工具以及如何利用它们，可以帮助您提高工作效率，简化流程。在使用Figma进行设计时，模板、图标和插件等工具非常有用，可以使您的工作更轻松，帮助您最大限度地发挥精力，同时为创造力留下更多空间。
目前有数百个 Figma 插件，而且每天都在开发更多的插件。作为一个熟悉界面的设计师，找到它们的方法并不需要专业知识，因为它们大多相当直观，并有适当的文档。
如何添加 Figma 插件
寻找 Figma 插件只需通过关键词搜索和探索社区页面上的各种资源，然后点击安装，将插件添加到您的用户账户。您必须刷新您的设计标签，新安装的插件才会出现。
选项太多？插件可以根据它们的功能分为不同的类别，在同一类别中发现几个类似的插件是很正常的。决定使用哪一个，取决于个人的喜好。
响应式设计插件
首先，我们将探讨一些较好的 Figma 响应式设计插件。
阿尼玛
Anima 可以将您的高保真原型转换为开发者友好的 HTML、CSS、React 和 Vue。你可以使用断点和插销为所有屏幕尺寸创建一个单一的原型。这个插件由 Anima 创建，还可以让您访问实时、互动的原型，并让您在直接从 Figma 工作时嵌入视频、动画、真实输入字段、悬停效果和自定义代码，以节省时间。访问某些功能可能需要成为 Anima 会员。
CSSGen
这个插件由 Microsoft 和 Ori Ziv 创建，可让您从本地 Figma 样式中生成 Sass 或 Less 代码。该插件可读取 Figma 文档中所有使用的样式，并让您将其导出到 Sass 或 Less 中。
响应（Responsify
使用 Responsify，您可以快速测试您的设计在多种设备尺寸上的表现。你必须选择任何框架、组件或实例，然后运行 Responsify 插件，看看你的设计在多个屏幕上的表现。它是由Brian Lovin创建的。
制造者
"从Figma到网站"：将Figma设计自动发布到自定义域中的能力（不需要去找工程师和 "从设计到代码"）是对社区有益的事情。特别是对于简单的项目。通过这个插件，您可以建立登陆页面、投资组合和个人网站。为了成功地使用这个Figma插件，你必须使用其内置的组件进行设计，或者如果你已经有了设计，就复制你的作品。
助理
这个插件，由Grida开发，将即时生成可用的、可读的代码用于生产。它用工作代码对你的设计进行即时反馈，同时提供可执行和响应的预览。Assistant是一个开源的项目。
突破点
这个插件由 Floweare 创建，可让您在 Figma 框架内预览响应式布局。即使没有打开的插件窗口，它也能发挥作用，您团队中的任何人都可以在没有安装插件的情况下调整框架的大小。这有助于您更快、更好地做出设计决策。而且你还可以分享动画原型。
UIcode
这个插件可以让您在 Figma 内立即拥有移动设计的干净代码。它可以一次性生成并导出所有屏幕的代码，也可以为每个屏幕单独生成代码。这个插件是由Techsteps创建的，它可以减少你的工作量，因为代码需要开发人员进行最少的修饰。
色彩管理的插件
这些 Figma 插件通过代表您做出若干与颜色有关的决定，提高您作品的视觉吸引力。您可以创建不同的调色板、梯度和更直观的布局，所有这些都比平时少花时间和精力。
颜色套件
创建类似的调色板变得更容易了。有了Color Kit，你所要做的就是输入一个颜色代码，再加上其他数值，如色调的数量，你就会有一个调色板，由该颜色的各种色调组成。这个插件由Tushar创建，可以生成任何颜色的较浅或较深的色调。
谱系
由Milan Maheshwari创建的Spectrum可以让你建立颜色系统，设计复杂的矢量艺术，并将它们即时应用于插图、图像和界面。这个过程发生得毫无延迟--这对你的工作流程来说是个好消息，你可以在颜色方面告别试验和错误。
巧匠(CoShuffler)
这个插件由Andrew G创建，可以让你将各种颜色应用于大量的对象。因此，如果你正在为一个项目的按钮等资产进行迭代，CoShuffler为你做了大量的工作，使用预先选择的调色板将颜色应用到对象上。
Pikaso
有时候，一个项目最困难的部分是决定用什么颜色开始。我们都经历过这种情况。Daniel Danuega和Reynaldi Syarizal创建了Pikaso，通过提供基于客户提供的单一资产的选择，帮助你更快、更有效地做出决定。这可能是一个标志或一张图片。
多普利颜色
这个插件有各种各样的调色板，所以当你遇到创意障碍或类似情况时，会很有帮助。它是由Dopely创建的，以帮助你更好、更快地着色。
色度图谱
有了这个插件，你可以使用RGB以外的颜色空间来创建好看的、感知上统一的渐变和色阶。其结果通常比传统的RGB空间的效果更自然，更有美感。这个插件是由Petter Nilsson创建的。
意外的伟大渐变
"如果你感觉蓝色，就用蓝色的色调"。你可以把亮度和饱和度调整到你想要的程度，或者只是随机的，让插件为你的项目选择一个意外的伟大渐变。这个插件是由Johan创建的，利用HSL比例来创建大量的渐变。
Coco
在工作中寻找灵感？一个能让你探索官方品牌调色板、流行色彩选择、最新调色板趋势集合的插件如何？UXPlugins的Coco，可以让你做到这一切。你还可以检查对比度，确保你用一个简单的工作流程为你的设计选择正确的颜色。
图像资产插件
接下来，我们将探讨一些用于管理图像资产的突出的 Figma 插件。
照片
这个插件由 Emin Sinani 创建，让您可以从 Unsplash、Google、Flickr、Pixabay、Pexels、Giphy 和 Tenor 中搜索照片并将其插入 Figma 文件。照片插件还可以让你通过一个简单的过程为你的设计项目寻找GIF。你还可以一次选择多张照片，将它们放在页面上或插入图层中。Figma 和 FigJam 都支持它。
移除 BG
您可以使用Icons8的Remove BG插件来移除图片背景。它使用一个 API，让它能够识别照片中的主体，并擦除其周围的环境--就像一个对象选择工具。
图像追踪器
图像追踪器将你所选择的任何图层合并成一个图像（不管它们是否已经是一个矢量）。然后它把新的图像转换成黑白的，并试图把它追踪到一个新的矢量图层。它是由Dave Williames创建的，通过提供一个替代手动绘制和编辑矢量的方法来节省时间。
从图像调色板
Amena Clifford创建了一个插件，让你从电脑中选择一个图像并生成一个调色板。这意味着图像不需要在您的 Figma 文件中出现，颜色都是在您的应用程序中生成的。它让您可以访问调色板中每个色块的颜色代码（只需点击一下），而且您不需要在线就可以生成调色板。
字体插件
现在让我们来看看能使字体工作更容易的 Figma 插件。
字体浏览器
如果您想为一个项目选择字体，字体查看器可以加快您的进程，并在不同的标签中显示本地字体和网络字体。字体查看器是由KRAD创建的。
FontScanner
你是否曾经看过一个设计，并想知道那些是什么字体？FontScanner可以找出当前页面上的所有字体家族、重量和大小。它还显示它们的数量，并允许你根据类型或字体大小进行选择。除了满足你的好奇心之外，它还可以作为开发人员的分析工具。它是由Honzik Kryspin创建的。
字体刻度
这个插件是由Sam Smith创建的，对字体分析很有帮助。它根据你选择的比例，为你的排版生成一个模块化的比例。只需点击几下，你就可以在你的艺术板上把一行文字变成一个和谐的字体比例。
改变字体
这是由 Yury Zeliankouski 创建的，它可以让您使用快速操作搜索栏改变 FigJam 和 Figma 文件中的字体。您可以选择文本层、连接器、带文本的形状、便笺或代码块，或者选择特定的文本，启动快速操作（在 macOS 上按command+/或在 Windows 上按Ctrl+/），写下 "Change Font "并按Tab 键，通过输入字体名称过滤列表，并按回车/回车键选择所需字体。
