Figma는 단축키만 잘 써도 작업 속도가 3배 이상 아니 5배이상 빨라집니다.
마우스 클릭으로 하던 반복 작업, 복잡한 UI 정렬부터,
단축키 하나로 ‘떡하니’ 해결할 수 있어요.
이번 글에서는 디자이너들이 자주 쓰는
핵심 단축키 20개를 엄선해 정리했다죠.
처음엔 생소해도 몇 번만 써보면 손에 익고,
“어? 끝났네?”라는 말이 나올 겁니다.
기본 조작 – 매일 쓰는 필수 단축키 메모 하세요.
| 기능 | 단축키 | 설명 |
|---|---|---|
| 선택 도구 | V | 기본 선택 모드로 전환 |
| 이동 도구 | Enter | 그룹 안으로 들어가기 / 빠져나오기 |
| 프레임 생성 | F | Artboard처럼 프레임 만들기 |
| 도형 생성 | R / O | R: 사각형, O: 원 |
| 텍스트 입력 | T | 텍스트 박스 생성 |
정렬과 배치 – 눈으로 보지 말고 키보드로 정리하자
| 기능 | 단축키 | 설명 |
|---|---|---|
| 가운데 정렬 | Shift + A (Auto Layout) + Align 옵션 | 컨텐츠 정렬의 핵심! |
| 그룹 만들기 | Cmd/Ctrl + G | 여러 요소를 묶기 |
| 그룹 해제 | Cmd/Ctrl + Shift + G | 그룹 풀기 |
| 앞으로 / 뒤로 보내기 | Cmd/Ctrl + ] / [ | 레이어 순서 조절 |
| 복제 | Alt + Drag 또는 Cmd/Ctrl + D | 드래그+Alt로 빠르게 복사 |
편집 속도 높이기 – 반복 줄이는 핵심
| 기능 | 단축키 | 설명 |
|---|---|---|
| 컴포넌트 만들기 | Cmd/Ctrl + Alt + K | 반복 요소를 컴포넌트로 만들기 |
| 인스턴스 분리 | Cmd/Ctrl + Shift + B | 컴포넌트를 일반 오브젝트로 변경 |
| 레이어 빠르게 찾기 | Cmd/Ctrl + / | 검색창에서 기능, 플러그인, 컴포넌트 검색 |
| 스마트 선택 | Cmd/Ctrl + Click | 겹친 요소에서 원하는 것만 선택 |
| Shift+Click | 여러 개 연속 선택 | 빠르게 영역 잡을 때 필수 |
확대/축소/뷰 이동 – 공간감 있게 보기
| 기능 | 단축키 | 설명 |
|---|---|---|
| 확대 / 축소 | Cmd/Ctrl + Mouse Wheel 또는 + / - | 줌인/줌아웃 빠르게 |
| 화면 맞춤 | Shift + 1 | 선택한 요소에 화면 맞춤 |
| 전체 보기 | Shift + 2 | 모든 요소 화면에 맞춤 |
| 프레임 안 보기 | Enter → Esc | 프레임 내부 탐색 / 빠져나오기 |
발표 & 공유 시 꿀팁
| 기능 | 단축키 | 설명 |
|---|---|---|
| 발표 모드 | `Cmd/Ctrl + “ | 전체화면으로 슬라이드 보기 (Present) |
| 빠른 공유 | Cmd/Ctrl + Shift + C | 선택 요소 링크 복사 (개발자와 협업 시 필수) |
보너스: 단축키 외에 자주 쓰는 마우스 조작 팁
- Alt + Drag → 복사와 동시에 정렬 맞춤
- Cmd/Ctrl + Hover → 요소 위치·간격 실시간 측정
- Spacebar + Drag → 캔버스 자유 이동
마무리하며
처음엔 단축키가 어렵게 느껴질 수 있어요.
하지만 마우스로 매번 클릭하는 것보다 단축키 한 번으로 해결되는 순간,
작업 속도가 확실히 달라집니다.
지금 당장 V, F, T, Cmd + G, Cmd + D부터 해야 해요.
디자인이 손에 익기 시작하면, 단축키는 최고의 무기가 될 겁니다.