Figma 手动设置切片工具指南267

Figma 的切片工具是设计工作流程中至关重要的一部分，它允许您将设计切片成可供开发人员使用的单独资产。手动设置切片工具可让您对切片过程进行更多控制，从而获得精确且符合您需要的结果。

以下是一步一步的指南，说明如何在 Figma 中手动设置切片工具：

步骤 1：选择图层

首先，选择您要切片的图层。您可以在图层面板中选择所需的图层，或者通过在画布上单击并拖动来选择多个图层。

步骤 2：打开切片面板

选择图层后，从顶部菜单中选择“切片”>“新建切片”。这将打开“切片”面板，其中包含切片工具的设置。

步骤 3：设置尺寸和位置

在“切片”面板中，您可以在“大小和位置”选项卡下设置切片的尺寸和位置。输入切片的确切宽度和高度，并使用“位置”字段指定切片的 X 和 Y 坐标。

步骤 4：选择导出格式

在“导出”选项卡下，选择您希望切片导出的格式。Figma 支持多种格式，包括 PNG、JPG、SVG 和 PDF。

步骤 5：设置切片间距

如果需要，您可以在“切片间距”选项卡下设置切片之间的间距。输入左、右、上和下间距的值，以控制切片之间的距离。

步骤 6：调整输出选项

在“输出”选项卡下，您可以进一步调整切片导出的选项。这些选项包括：

- 文件名：为切片文件指定自定义文件名。

- 乘数：调整切片的大小，使其在导出时更大或更小。

- 比例：设置切片导出的分辨率，以像素/英寸为单位。

- 导出选中：仅导出当前选定的图层。

步骤 7：创建切片

设置好所有选项后，单击“创建切片”按钮以创建切片。切片将被添加到“切片”面板，您可以通过单击切片名称对其进行选择或移动。

提示：

- 使用“定位参考点”工具可以轻松对齐和定位切片。

- 您可以使用“导出”按钮导出所有选定的切片或导出整个文档中的所有切片。通过使用这些设置，您可以手动设置 Figma 切片工具以满足您项目的确切需求，从而确保创建出高品质且可用的资产。

2025-02-02

上一篇：如何将 Figma 设计添加到团队项目

下一篇：如何轻松安装 Figma 字体