🎨 피그마(Figma) 강의 정리
✅ 다른 사람의 피그마 파일 복제하기
- 해당 프로젝트의 드롭다운 메뉴 클릭
- File → Duplicate to Drafts 선택하면 복제 완료!
✅ 페이지 간 빠른 이동
- N : 다음 페이지로 이동
- Shift + N : 이전 페이지로 이동
✅ 컴포넌트 이름 변경 (Batch Rename)
- Shift를 누른 채 여러 컴포넌트 선택
- Ctrl + R (Rename) 누르기
- 예시)
red$N
→ 자동으로 내림차순 번호 지정됨
✅ 컴포넌트 그룹화
- Shift를 누르고 여러 컴포넌트 클릭 → Ctrl + G (그룹화)
⭐ 꿀팁 모음
- Ctrl을 누른 채 마우스를 움직이면 컴포넌트 깊이에 상관없이 미리 선택 가능
- Ctrl + P : 검색 기능 (Quick Actions) → 자주 사용하는 단축키 추천!
- Alt + L : 열려있는 모든 레이어 닫기 (Collapse Layers)
🚀 Auto Layout (오토 레이아웃)
📏 오토 레이아웃 설정 방법
- 해당 컴포넌트 선택
- Shift + A → 오토 레이아웃 적용
⚙️ 넛지(Nudge) 설정
- 좌측 상단 Figma 아이콘 → Preferences → Nudge Amount
- 오토 레이아웃 간격 조절 가능 (상/하/좌/우 여백 설정)
❗️ 오토 레이아웃 적용 안 될 때 체크리스트
- Layout 속성에서
Hug Contents
로 설정되어 있는지 확인
- Hug : 콘텐츠에 맞춰 자동으로 크기 조절
- Fill Container : 부모 요소에 맞춰 채우기
- Fixed : 고정된 크기 설정