[Figma] 레이어

피그마(Figma)에서 디자인을 다루다 보면 가장 많이 사용하는 기능 중 하나가 바로 **레이어(Layer)**입니다. 레이어는 화면에 보이는 요소들의 ‘쌓이는 순서’를 결정하며, 작업 효율과 정확도를 크게 좌우합니다. 이번 글에서는 레이어의 기본 개념부터 순서 변경, 선택 단축키까지 핵심만 깔끔하게 정리해 보겠습니다!

 

1. 레이어는 순서가 있다

Figma의 모든 요소는 각각 하나의 레이어로 존재하며, 레이어의 순서에 따라 화면 상에서 어떤 요소가 위에 보일지가 결정됩니다.

• 가장 마지막에 만든 레이어가 가장 위에 위치
• 즉, 새로운 객체를 만들면 기존 레이어 위에 쌓이게 됨
• 포토샵, 일러스트리레이터 등의 구조와 동일

이미지처럼 레이어 패널에서 보여지는 순서가 곧 실제 화면의 Z축(위/아래) 순서를 의미합니다.

 

2. 레이어 순서 조정하기

레이어 순서는 자유롭게 변경할 수 있습니다.

• 드래그앤드롭으로 위치 이동 가능
• 잘못된 순서로 쌓였을 때 단번에 해결 가능

단축키로 빠르게 이동하기

피그마에서는 단축키로 레이어의 앞·뒤 순서를 조정할 수 있어서 작업 효율이 더 좋아집니다!

단축키	기능
]	레이어를 맨 앞으로 이동
[	레이어를 맨 뒤로 이동
Ctrl / Cmd + ]	한 단계 앞으로 이동
Ctrl / Cmd  + [	한 단계 뒤로 이동

 

 

3. 여러 레이어 동시에 선택하기

레이어를 하나씩 조정하는 것은 시간이 오래 걸립니다. 이때 유용한 기능이 바로 Shift를 이용한 다중 선택입니다.

• Shift + 클릭 → 여러 레이어 선택
• 선택된 레이어들은 함께 이동, 크기 조정, 정렬 등이 가능
• 그룹(Grouping) 작업 전에도 필수

 

 

정리하면

 

Figma에서 레이어는 매우 기본적이지만 필수적인 기능입니다.

• 레이어는 쌓이는 순서가 존재하며
• 마지막에 만든 요소가 가장 위에 위치
• 순서는 직접 이동하거나 단축키로 조정 가능
• Shift를 이용하면 여러 레이어 동시 선택 가능

이 기본 기능만 잘 활용해도 피그마 디자인 작업 속도가 훨씬 빨라집니다!