피그마 기초 사용방법

🎨 1. 기본 중의 기본: 도구 꺼내기
가장 많이 쓰는 기본 도구들입니다.

마우스로 상단 바를 누르지 말고 키보드 한 타만 쳐보세요.

* V (Selection Tool): 가장 중요한 '선택' 도구입니다.
다른 도구를 쓰다가도 언제든 다시 일반 마우스 커서로 돌아오고 싶을 때 누르세요.

* F (Frame): 도화지(프레임)를 만듭니다.
F를 누르고 화면을 드래그하면 원하는 크기의 프레임이 생깁니다.
* T (Text): 글자를 입력합니다. T를 누르고 화면을 클릭하면 바로 타이핑이 가능합니다.
* R (Rectangle): 사각형을 그립니다. 버튼이나 배경을 만들 때 가장 많이 써요.
* O (Ellipse): 원형을 그립니다. 프로필 사진 영역을 잡을 때 유용합니다.


2. 피그마의 꽃: 오토 레이아웃과 그룹화

'줄었다 커졌다' 하는 디자인을 만드는 핵심 기술입니다.

* Shift + A (Auto Layout): (왕별표!)
선택한 요소들에 오토 레이아웃을 적용합니다.
버튼이나 리스트를 만들 때 무조건 쓰는 단축키예요.

* Alt + Shift + A (Remove Auto Layout): 적용된 오토 레이아웃을 해제하고 싶을 때 씁니다.

* Ctrl + G (Group Selection): 여러 요소를 하나로 묶어줍니다. (관리용)

* Ctrl + Shift + G (Ungroup):
묶여있는 그룹을 다시 풀어줍니다.

3. 효율을 200% 높이는 편집 스킬
반복 작업을 순식간에 끝내주는 기능들입니다.

* Alt + 드래그: 요소를 클릭한 채로 Alt를 누르며 옆으로 끌어보세요. 똑같은 게 하나 더 복사됩니다.

* Ctrl + D (Duplicate): 복제하기입니다. 방금 했던 동작(예: 20px 옆으로 복사)을 기억해서 똑같이 반복해 줍니다.

* Alt (간격 확인): 요소를 선택한 상태에서 Alt 키를 꾹 누르고 다른 요소에 마우스를 올려보세요. 둘 사이가 몇 픽셀(px) 떨어져 있는지 빨간 선으로 보여줍니다. (정렬의 핵심!)

* Ctrl + R (Rename): 레이어 이름을 한꺼번에 바꿀 때 씁니다. "레이어 1, 2, 3..." 대신 "버튼, 헤더"로 정리하는 습관을 만들어줘요.

🔍 4. 화면을 자유자재로 다루기
선생님이 화면을 확대한 다음 갑자기 옆으로 슉 이동할 때 당황하지 마세요.

* Ctrl + 마우스 휠: 화면 확대(Zoom In)와 축소(Zoom Out)를 가장 빠르게 하는 방법입니다.

* 스페이스바(Space) + 드래그: 화면을 종이 옮기듯 손바닥 모양으로 잡고 이동할 때 씁니다.

* Shift + 1 (Zoom to Fit): 작업 중인 모든 화면을 한눈에 보이게 정렬해 줍니다. 길을 잃었을 때 누르세요.

* Shift + 2 (Zoom to Selection): 내가 선택한 요소만 화면에 꽉 차게 확대해 줍니다. 디테일한 수정이 필요할 때 최고예요.


* Shift + A는 눈 감고도 누를 수 있게 연습해 보세요.
이게 피그마 실력의 70%입니다.

* 선생님이 너무 빠르면 일시정지를 누르고, 내가 방금 배운 단축키로 그 동작을 성공할 때까지 딱 세 번만 반복해 보세요.

* 피그마 화면 왼쪽 하단의 물음표(?)
아이콘을 누르면 모든 단축키 목록이 나옵니다.
내가 이미 익힌 건 파란색으로 표시되니 하나씩 채워가는 재미도 있어요!