Figma 切图编辑的详细指南276

Figma 是一款出色的协作设计工具，使设计师可以轻松地创建和编辑网站、应用程序和其他数字产品。其中一个关键功能是切图编辑功能，它允许用户从设计中提取精确的图像和代码片段。本文将提供一个全面的指南，详细说明如何在 Figma 中编辑切图。

步骤 1：选择要编辑的切图

要编辑切图，请使用选择工具将设计中的切图选中。您可以在主工具栏中找到选择工具，或使用键盘快捷键“V”。选中切图后，在画布的右上角会出现一个工具栏，其中包含用于编辑切图的选项。

步骤 2：调整大小和位置

选择切图后，可以使用工具栏中的控制点调整其大小和位置。拖动控制点可以更改切图的宽度、高度和位置。您还可以使用键盘快捷键“T”呼出变换工具，并使用箭头键进行更精确的调整。

步骤 3：裁剪和遮罩

要裁剪或遮罩切图，请使用工具栏中的“裁剪”或“遮罩”工具。裁剪工具允许您删除切图中的不需要的部分，而遮罩工具可以创建受形状或路径限制的蒙版。要使用遮罩工具，请首先选择一个形状或路径，然后将“遮罩”选项应用于切图。

步骤 4：编辑颜色和效果

要编辑切图的颜色和效果，请使用工具栏中的“填充”和“效果”选项。填充选项允许您更改切图的填充颜色，而效果选项允许您应用各种效果，例如阴影、发光和渐变。要应用效果，请首先选择所需的选项，然后将其拖放到切图上。

步骤 5：导出切图

编辑切图后，您可以使用“导出”菜单将其导出为多种格式。导出菜单位于主菜单中，或可以使用键盘快捷键“Shift + E”。您可以将切图导出为 PNG、JPEG、SVG、PDF 和其他格式。导出前，您可以调整导出设置，例如切图的分辨率和质量。

Figma 的切图编辑功能为设计师提供了对设计中图像和代码片段的完全控制。通过遵循本指南中的步骤，您可以轻松地调整切图的大小、位置、颜色和效果，以及导出它们以供进一步使用。掌握切图编辑功能将大大提高您的 Figma 设计工作流程，让您创建高品质和可重用的组件。

2025-01-13

---

上一篇：如何使用 Figma 轻松导出切图

下一篇：从 Figma 矢量转换为图形