레이어 · 정렬 · 그룹

레이어 패널 (왼쪽)

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

드래그 중에는 놓일 위치가 표시됩니다. 아무것도 바뀌지 않는 곳(자기 자신, 자기 그룹 안, 다른 아트보드)에서는 표시가 나오지 않고 놓아도 움직이지 않습니다. 부모가 바뀌어도 캔버스 위 위치는 그대로입니다.

• 그룹은 펼침(▸/▾)으로 하위 레이어를 표시합니다.
• 아트보드도 접힙니다: 아트보드 섹션 머리글에 마우스를 올리고 펼침 화살표를 누르면 그 아트보드의 레이어가 숨겨집니다(접힌 머리글에는 레이어 수가 표시됨). 아트보드가 많은 문서에서 편리합니다.
• 선택한 것을 패널에서 찾기: 캔버스에서 도형을 우클릭하고 레이어에서 보기를 고르면 그 아트보드와 위쪽 그룹이 펼쳐지고, 패널이 숨겨져 있었으면 열리며, 목록이 그 행으로 스크롤됩니다.
• 캔버스에서 도형을 선택하면 패널의 해당 행이 강조되고, 패널에서 행을 클릭하면 캔버스에서 선택됩니다.
• 그룹 안 자식 편집: 캔버스에서 그룹을 더블클릭하면 그 위치의 하위 레이어가 선택됩니다(중첩 그룹은 더블클릭을 반복하면 더 깊이 들어갑니다). 자식이 선택된 동안에는 그 자식 영역 안을 클릭/드래그하면 자식이 이동·리사이즈·회전되고, 바깥을 클릭하면 다시 그룹이 선택됩니다.
• 자식을 옮기거나 크기를 바꾸면 그룹 영역(바운딩 박스)이 자동으로 자식들에 맞게 다시 맞춰집니다(중첩 그룹도 안쪽·바깥쪽 모두 재맞춤. 단, 키프레임이 있는 레이어를 포함한 그룹은 애니메이션 보존을 위해 건드리지 않습니다).

정렬 · 분배 (Arrange 메뉴)

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

• Align — 왼쪽/가운데/오른쪽, 위/중앙/아래 정렬.
• Distribute — 가로/세로 균등 분배.
• (선택이 1개면 아트보드 기준으로 정렬됩니다.)
• 정렬 버튼은 인스펙터 Layout 섹션 최상단에도 있습니다.
• Tidy Up Frames(Arrange 메뉴) — 모든 프레임을 지금 읽히는 순서(위 줄부터, 왼쪽부터) 그대로 정사각형에 가까운 격자로 100pt 간격으로 다시 놓습니다. 프레임을 많이 만든 뒤 정리할 때 씁니다.

순서 변경 (z-order)

Arrange 메뉴나 우클릭 메뉴에서 선택 레이어의 앞뒤 순서를 조절합니다. 그룹·프레임 안의 레이어에도 동작합니다(같은 부모 안에서 움직임).

• Move Up(위로 이동, ⌥⌘↑) / Move Down(아래로 이동, ⌥⌘↓) — 레이어 패널에서 한 줄 위 / 아래로. 그룹의 맨 위나 맨 아래에서는 그룹 밖으로 나와 그룹 바로 위 / 아래에 놓입니다.
• 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 — 그룹을 해제합니다.
• 그룹을 리사이즈하면 내부 요소가 함께 스케일됩니다.

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