레이어 · 정렬 · 그룹

레이어 패널 (왼쪽)

문서의 모든 레이어가 표시됩니다(위쪽이 앞쪽 = 화면에서 위에 그려짐).

드래그 중에는 드롭 위치가 표시됩니다 — 그룹 위에 올리면 그 그룹이 강조(안으로 들어감), 일반 행 위에 올리면 삽입선(그 행 앞에 형제로)이 나타납니다.

• 그룹은 펼침(▸/▾)으로 하위 레이어를 표시합니다.
• 캔버스에서 도형을 선택하면 패널의 해당 행이 강조되고, 패널에서 행을 클릭하면 캔버스에서 선택됩니다.
• 그룹 안 자식 편집: 캔버스에서 그룹을 더블클릭하면 그 위치의 하위 레이어가 선택됩니다(중첩 그룹은 더블클릭을 반복하면 더 깊이 들어갑니다). 자식이 선택된 동안에는 그 자식 영역 안을 클릭/드래그하면 자식이 이동·리사이즈·회전되고, 바깥을 클릭하면 다시 그룹이 선택됩니다.
• 자식을 옮기거나 크기를 바꾸면 그룹 영역(바운딩 박스)이 자동으로 자식들에 맞게 다시 맞춰집니다(중첩 그룹도 안쪽·바깥쪽 모두 재맞춤. 단, 키프레임이 있는 레이어를 포함한 그룹은 애니메이션 보존을 위해 건드리지 않습니다).

정렬 · 분배 (Arrange 메뉴)

2개 이상 선택한 뒤 Arrange 메뉴에서 사용합니다.

• Align — 왼쪽/가운데/오른쪽, 위/중앙/아래 정렬.
• Distribute — 가로/세로 균등 분배.
• (선택이 1개면 아트보드 기준으로 정렬됩니다.)
• 정렬 버튼은 인스펙터 Layout 섹션 최상단에도 있습니다.

순서 변경 (z-order)

Arrange 메뉴에서 선택 레이어의 앞뒤 순서를 조절합니다.

• Bring to Front (⌘⇧]) / Send to Back (⌘⇧[) — 맨 앞 / 맨 뒤로.
• Bring Forward (⌘]) / Send Backward (⌘[) — 한 단계 앞 / 뒤로.

마스크 (Figma 방식)

어떤 레이어든 마스크로 지정하면, 같은 그룹(또는 아트보드) 안에서 그 레이어 위에 있는 형제 레이어들이 마스크 모양 안에서만 보입니다. 마스크 레이어 자체는 그려지지 않고, 마스크 아래에 있는 레이어는 영향을 받지 않습니다.

• 지정: 레이어를 선택하고 Arrange ▸ Use as Mask (⌃⌘M) 또는 우클릭 메뉴의 Use as Mask. 인스펙터 Mask 섹션의 Use as Mask 토글로도 켜고 끌 수 있습니다. 같은 명령을 다시 실행하면(Remove Mask) 일반 레이어로 돌아옵니다.
• 여러 개 선택 후 실행: 선택한 레이어들이 하나의 그룹으로 묶이고, 그중 맨 아래 레이어가 마스크가 됩니다(Figma의 마스크 그룹).
• 마스크 타입 (인스펙터 Mask ▸ Type):
  • Alpha — 마스크의 투명도를 그대로 사용(불투명도, 그라디언트, 이미지의 투명 영역 반영). 기본값.
  • Vector — 마스크의 외곽선만 사용(채움·불투명도 무시, 항상 선명한 경계). 텍스트는 글자 외곽선, 이미지·동영상·그룹은 상자.
  • Luminance — 마스크의 밝기를 사용(흰색=보임, 검정=숨김, 회색=반투명).
• 레이어 패널에서 마스크 레이어에는 반원 배지가, 마스킹되는 레이어에는 왼쪽에 점선 연결선이 표시됩니다.
• 마스크 레이어를 숨기면 마스킹이 해제되어 위 레이어들이 전부 보입니다.
• 내보내기: 이미지·동영상은 그대로 반영됩니다. SVG는 <mask>로, Lottie는 마스킹되는 레이어마다 마스크 사본을 트랙 매트로 출력합니다(Lottie는 최상위 레이어의 마스크만, 마스크가 겹치면 가장 가까운 것만 적용).
• 한 레이어를 자기 모양으로 잘라내는 Crop, 바로 앞 레이어로 가리는 Track Matte는 그대로 있습니다. 인스펙터 참고.

그룹

• Group: ⌘G — 선택한 레이어를 하나의 그룹으로 묶습니다.
• Ungroup: ⇧⌘G — 그룹을 해제합니다.
• 그룹을 리사이즈하면 내부 요소가 함께 스케일됩니다.

주의: 키프레임(애니메이션)이 설정된 레이어가 포함되어 있으면 그룹을 만들 수 없습니다(그룹화 시 애니메이션이 사라지기 때문). 안내 메시지가 표시됩니다. 애니메이션 전에 그룹하거나, 키프레임을 먼저 제거하세요.