Figma 切图时如何生成带黑底的图片319

Figma 是一款强大的设计软件，可用于创建各种设计，包括网站、移动应用程序和社交媒体图像。切图是 Figma 工作流程的重要组成部分，它使您能够将设计导出为特定尺寸和格式的图片。如果您需要生成带有黑色背景的图片，Figma 提供了几种方法来实现这一目标。

方法 1：使用背景填充

最简单的方法是在 Figma 中使用背景填充。要执行此操作，请按照下列步骤操作：1. 选择要导出的形状或框架。
2. 在属性面板中，找到“填充”部分。
3. 点击填充颜色框，然后选择黑色。
4. 导出图片（文件 > 导出 > 导出所选）。

方法 2：使用蒙版

另一种生成带黑背景图片的方法是使用蒙版。蒙版是一个形状，用作其他形状或组的剪切路径。要使用蒙版创建黑底图片，请按照下列步骤操作：1. 创建一个新矩形并覆盖整个画板。
2. 将矩形的填充颜色设置为黑色。
3. 选择要导出的形状或组。
4. 右键单击该形状或组，然后选择“创建蒙版”。
5. 导出图片（文件 > 导出 > 导出所选）。

方法 3：使用 CSS 滤镜

如果您需要将图片导出为 SVG 格式，则可以使用 CSS 滤镜为其添加黑色背景。要执行此操作，请按照下列步骤操作：1. 导出图片为 SVG（文件 > 导出 > 导出所选 > SVG）。
2. 在 SVG 代码中，找到包含图像路径数据的 元素。
3. 添加一个 CSS 滤镜，例如 `filter="invert(100%)"`，以反转图片颜色。
4. 将修改后的 SVG 代码另存为新文件。

附加提示* 确保图片透明度已设为 0%：透明度会与黑色背景混合，产生灰色背景。
* 使用高分辨率：这将确保图片在黑色背景上仍然清晰锐利。
* 优化图片大小：导出图片时，选择适当的文件格式和压缩设置以保持质量和减少文件大小。

2025-02-21

上一篇：Figma中消除小数的有效技巧

下一篇：国产 Figma 替代品与正版 Figma 对比