Layer (레이어) 구조

Layer(레이어) 는 캔버스에 올린 모든 요소가 쌓인 계층 구조입니다. 왼쪽 레이어 패널에서 트리 형태로 보이며, Figma의 레이어와 같은 개념입니다.

레이어 패널에서 할 수 있는 것

• 계층 보기 — Section → Stack → 요소가 트리로 펼쳐집니다.
• 순서 바꾸기 — 드래그로 앞뒤(겹침) 순서 조절. 위 레이어가 앞에 그려집니다.
• 이름 짓기 — 더블클릭으로 이름 변경. 의미 있는 이름이 유지보수를 돕습니다.
• 잠금·숨김 — 작업 중 방해되는 레이어를 잠그거나 숨길 수 있습니다.

좋은 레이어 습관

정리

• Section 으로 영역을 나누고
• Stack 으로 내부를 정렬하고
• Layer 로 계층을 관리한다

이 세 가지가 Framer 디자인의 뼈대입니다. 디자인 구조 한눈에 보기에서 전체 그림을 다시 확인할 수 있습니다.