파일 내 레이어를 관리하기 쉽게 하려면 명확한 명명 구조나 계층을 설정하는 것이 좋습니다. 레이어 이름 변경 기능을 사용하면 여러 레이어의 이름을 한 번에 빠르게 바꿀 수 있습니다.
팁: Figma AI를 사용하여 레이어 이름을 대량으로 빠르게 변경하세요. 그런 다음 필요에 따라 레이어를 사용자 정의할 수 있습니다.
레이어 이름 변경 모달
이름 변경 레이어 모달에 접근할 수 있는 다양한 방법이 있습니다.
- 캔버스나 레이어 패널에서 이름을 바꾸려는 레이어를 선택합니다.
-
레이어 이름 변경 모달을 전환하려면 다음 중 하나를 수행할 수 있습니다.
- 패널에서 레이어를 마우스 오른쪽 버튼으로 클릭하고 이름 변경을 선택합니다.
- 다음 키보드 단축키를 사용합니다.
- Mac: Command ⌘ - R
- Windows: Ctrl + R
-
레이어 이름 변경 모달이 캔버스 위에 열립니다.
레이어 이름 일괄 변경
선택한 레이어의 이름을 동일하게 변경하려면, 원하는 이름을 이름을 변경할 필드에 입력한 후 이름 변경을 클릭합니다.
하지만, 각 레이어의 이름을 약간 다르게 업데이트하여 레이어 패널에서개체를 더 잘 구분하고 싶을 가능성이 큽니다.
이름 변경 필드 아래에 몇 가지 버튼이 보입니다. 이 버튼들을 클릭하면 이름 변경 필드에 특별한 코드를 추가하여 각 레이어에 대해 약간 다른 이름을 생성할 수 있습니다.
- 현재 이름 버튼은 레이어의 현재 이름을 나타냅니다.
- 숫자 ↑ 버튼은 각 레이어의 이름에 오름차순으로 숫자를 삽입합니다.
- 숫자 ↓ 버튼은 각 레이어 이름에 숫자를 내림차순으로 삽입합니다.
어떻게 작동하는지 더 잘 설명하기 위해 몇 가지 예를 보여드리겠습니다.
예 1: 모든 레이어를 동일한 이름으로 변경하기
선택한 모든 레이어의 이름을 동일하게 업데이트하려면(예: 아이콘):
- 업데이트할 레이어를 선택합니다.
- 키보드 단축키를 사용하여 레이어 이름 변경 모달을 엽니다.
- Mac: Command ⌘ - R
- Windows: Ctrl + R
- 이름 변경 필드에 새 이름을 입력합니다.
- 이름 변경 버튼을 클릭하여 적용합니다.
- 선택한 레이어의 이름이 업데이트됩니다.
예 2: 각 레이어에 숫자 접미사를 추가하여 이름 변경하기
동일한 이름의 여러 유사한 레이어가 있지만, 여전히 구별되길 원한다면 레이어 이름의 끝(또는 시작)에 번호를 추가할 수 있습니다(예: Icon_1).
- 이름을 바꾸려는 레이어를 선택합니다.
- 레이어를 마우스 오른쪽 버튼으로 클릭하고 레이어 이름 변경을 선택합니다.
- 이름을 변경할 필드에 레이어에 부여할 이름을 입력합니다.
- 숫자 ↑ 또는 숫자 ↓ 버튼을 클릭합니다. 이는 Figma에게 각 레이어 이름 끝에 다른 숫자를 추가하라고 지시하는 코드를 이름에 추가합니다.
- 원하는 경우 오름차순 시작 / 내림차순 종료 필드를 설정할 수 있습니다.
- 왼쪽에서 업데이트된 이름에 대한 미리보기를 볼 수 있습니다. 이름 변경 버튼을 클릭하여 적용합니다.
- 선택한 레이어는 새로운 이름으로 업데이트되며, 끝에는 고유 번호가 붙습니다.
예 3: 모든 레이어에 접두사 추가하기
이미 각 레이어에 고유한 이름이 있는 경우 더 빠른 편집을 위해 그룹화하려고 한다면, 기존 이름에 접두사를 추가할 수 있습니다(예: Icon_Home).
- 이름을 바꾸려는 레이어를 선택합니다.
- 레이어 패널에서 레이어를 마우스 오른쪽 버튼으로 클릭하고 레이어 이름 변경을 선택합니다.
- 레이어 이름에 추가할 접두사를 입력합니다.
- 현재 이름 버튼을 눌러 접두사 뒤에 현재 레이어 이름을 추가합니다.
- 업데이트된 이름의 미리보기가 왼쪽에 표시됩니다. 이름 변경 버튼을 클릭하여 적용합니다.
- 선택한 레이어는 접두사로 시작하고 그다음에 원래 이름이 오도록 업데이트됩니다.
레이어 이름 일부 변경
모달을 사용하는 동안, "일치" 필드를 발견할 수 있습니다. 이 필드를 사용하여 레이어 이름의 어느 부분을 업데이트할지 식별할 수 있습니다.
이 필드를 비워두면 전체 이름을 업데이트할 수 있지만, 레이어 이름의 일부를 제거하거나 업데이트하도록 이 필드를 사용할 수도 있습니다(예: 이름 "Icon/Home"의 "Icon/" 부분을 "Image/"로 변경).
- 이름을 바꾸려는 레이어를 선택합니다.
- 일치 필드에 업데이트하려는 이름의 일부를 입력합니다.
- 이름의 해당 부분을 무엇으로 바꿀지 입력합니다. 이는 일치 필드에 식별된 레이어 이름의 일부만 교체합니다.
- 업데이트된 이름의 미리보기가 왼쪽에 표시됩니다. 이름 변경 버튼을 클릭하여 적용합니다.
정규 표현식 사용(고급)
정규 표현식을 잘 알거나 자신이 있다면, 레이어 이름 변경 모달에서 이를 사용할 수도 있습니다. 이름의 구문을 변경하고 싶을 때 특히 유용합니다(예: "Icon_003"을 "003_Icon"으로 변경).
- 이름을 바꾸려는 레이어를 선택합니다.
- 키보드 단축키를 사용하여 레이어 이름 변경 모달을 엽니다.
- Mac: Command ⌘ + R
- Windows: Ctrl + R
-
일치 필드에
([a-zA-Z]+)_(\d+)를 입력합니다. -
대체 필드에
$2_$1을 입력합니다. - 업데이트된 이름의 미리보기가 왼쪽에 표시됩니다.
- 적용하려면 이름 변경 버튼을 클릭합니다.
정규 표현식을 처음 사용하시거나 새로고침이 필요하신가요? Mozilla는 홈페이지에서 유용한 참조 가이드를 제공합니다.
시작을 위한 일반적인 패턴은 다음과 같습니다.
- $1, $2, etc – 괄호로 표시된 첫 번째, 두 번째 등 일치 항목.
- $& - 일치한 전체 항목.
- $` – 일치한 항목 이전의 모든 항목.
- $’ – 일치한 항목 다음의 모든 항목.
- $n - 증가하는 카운터. (비표준).
- $nnn – 세 자리 증가하는 카운터. (비표준)
- $NNN – 세 자리 감소하는 카운터. (비표준)
정규 표현식을 입력하기 전에 테스트하고 싶다면, https://regexr.com/에서 시도해 볼 수 있습니다.