批量重命名 #

建立清晰的命名结构或层次结构会使管理文件中的图层变得更加容易。当使用 Figma 的团队资源库和样式时，这一点变得尤为重要。

在 Figma 中整理东西时，重命名图层功能允许你一次快速重命名多个图层，当你想要快速批量更改团队库中的组件命名时，这就派上用场了。

打开重命名弹窗 #

你可以通过多种不同方式打开重命名弹窗。

  1. 从画布或图层面板中选择要重命名的图层：

  2. 要打开重命名弹窗，你可以选择以下方法之一： a. 右键单击画布中的图层，然后选择 Rename Layers： b. 右键单击面板中的图层，然后选择 Rename Layers： c. 使用键盘快捷键：

    • Mac：⌘ + R
    • Windows：Ctrl + R

  3. 然后会打开重命名弹窗：

批量重命名图层 #

如果你只想将所选图层更新为同一个名字，则可以将所需名称添加到 Rename to 字段，然后单击 Rename。

但是大多数情况下我们可能希望更新每个图层以使名称略有不同，从而可以更好地区分图层面板中的不同对象。

在 Rename to 字段下方，你会看到一些按钮。单击时，这些按钮将向 Rename to 字段添加一个特殊代码，允许你为每个图层生成略有不同的名称。

  • Current name 表示图层的当前名称。
  • Number ↑ 表示按升序在每个图层的名称中插入数字。
  • Number ↓ 表示按降序在每个图层的名称中插入数字。

为了更好地解释这是如何工作的，这里有一些示例。

示例1：将每个图层重命名为相同的名称 #

如果要将所有选定图层重命名为相同名称（例如 Icon）：

  1. 选择要要重命名的图层。
  2. 使用快捷键打开重命名弹窗
    • Mac：⌘ + R
    • Windows：Ctrl + R
  3. 在 Rename to 字段中输入新名称。
  4. 单击 Rename 按钮以应用。
  5. 选定的图层将更新为该名称。

示例2：使用数字后缀重命名每个图层 #

如果你有一堆类似的图层要想具有相同的名称，但仍然可以区分，则可以在图层名称的末尾（或开头）添加一个数字（例如 Icon_1）。

  1. 选择要重命名的图层。
  2. 右键单击图层，然后选择 Rename layers。
  3. 在 Rename to 字段中输入图层的名称。
  4. 单击 Number ↑ 或 Number ↓ 按钮。这会在名称中添加一个代码，告诉 Figma 在每个图层的名称末尾添加一个不同的数字。
  5. 你也可以在 Start ascending from / Stop descending at 字段中设置开始的数字。
  6. 你将在左侧看到更新名称的预览。单击 Rename 按钮以应用。
  7. 所选图层将重命名为带有编号的新名称。

示例3：为每个图层添加前缀 #

如果你已经为每个图层指定了一个唯一的名称，但希望将它们分组以便更快地进行编辑，则可以在现有名称中添加前缀（例如 Icon_Home）。

  1. 选择要重命名的图层。
  2. 右键单击图层，然后选择 Rename layers。
  3. 输入你要添加到图层名称的前缀。
  4. 单击 Current Name 按钮可在前缀后添加当前图层名称。
  5. 你将在左侧看到更新名称的预览。单击 Rename 按钮以应用。
  6. 选定的图层将重命名为带有前缀后跟原始名称的名称：

重命名图层名称的一部分 #

在使用重命名弹窗时，你可能已经注意到 Match 字段。这允许你识别要更新的图层名称的哪个部分。

将此字段留空可以更新整个名称，但你也可以使用此字段删除或更新图层名称的一部分（例如，将“Icon/Home”名称中的“Icon/”部分更改为“Image/”） 。

  1. 选择要重命名的图层。
  2. 在 Match 字段中，输入你要更新的名称部分。
  3. 输入你要用该名称替换该部分名称的内容。这只会替换 Match 字段中标识的图层名称部分。
  4. 你将在左侧看到更新名称的预览。单击 Rename 按钮以应用。

使用正则表达式（高级） #

如果你熟悉或使用正则表达式，则可以在重命名弹窗中使用这些表达式。 如果要更改名称的语法（例如，将“Icon_003”更改为“003_Icon”），这将特别方便。

  1. 选择要重命名的图层。
  2. 使用快捷键打开重命名弹窗
    • Mac：⌘ + R
    • Windows：Ctrl + R
  3. 在 Match 字段中输入“([a-zA-Z]+)_(\d+)”。
  4. 在 Replace 字段中键入“$2_ $1”。
  5. 你将在左侧看到更新名称的预览。单击 Rename 按钮以应用。

正则表达式

Mozilla 的参考指南 (opens new window) 可以帮助你学习正则表达式。

有一些常见的用法：

  • $1，$2 等 - 匹配括号标记的第一个，第二个等。
  • $＆ - 整个匹配。
  • $` - 匹配之前的所有东西。
  • $' - 匹配之后的所有东西。
  • $n - 增加一个计数器。（非标准）。
  • $nnn - 增加一个三位数的计数器。 （非标准）
  • $NNN - 减少三位数的计数器。 （非标准） 如果你想在输入正则表达式之前测试它们，可以在这里试试 https://regexr.com/ (opens new window)

选择图层或对象