Figma는 웹 기반 디자인 도구로 협업과 프로토타이핑에 강점이 있어요. 마우스만으로도 사용 가능하지만, 단축키를 익히면 작업 속도가 비약적으로 빨라집니다. 디자이너에게 필수인 핵심 단축키를 정리했어요.
캔버스 이동·확대
스페이스바 + 드래그: 캔버스 이동. Cmd/Ctrl + 0: 화면 맞춤. Cmd/Ctrl + 1: 100% 줌. Cmd/Ctrl + +/-: 확대·축소. Shift + 1: 모든 페이지 보기. 캔버스 이동·확대는 가장 자주 쓰이는 동작이라 손에 익혀 두면 큰 차이를 만들어요.
도구 선택
V: 선택 도구. F: 프레임. R: 직사각형. O: 원. L: 선. T: 텍스트. P: 펜 도구. 한 글자 단축키라 외우기 쉽고, 도구 사이를 빠르게 전환할 수 있어요. 자주 사용하는 6~7개만 외워도 작업 속도가 크게 올라갑니다. 디자인·CSS 가이드에서 디자인 팁을 확인할 수 있어요.
정렬과 분배
Alt + A/D: 좌·우 정렬. Alt + W/S: 위·아래 정렬. Alt + V/H: 가운데 정렬. Alt + Cmd/Ctrl + V: 가운데 정렬(가로·세로). 정렬은 디자인의 기본이라 단축키로 처리하면 마우스 클릭 시간이 줄어들어요.
그룹·프레임·컴포넌트
Cmd/Ctrl + G: 그룹화. Cmd/Ctrl + Shift + G: 그룹 해제. Cmd/Ctrl + Alt + K: 컴포넌트 만들기. Cmd/Ctrl + Alt + Shift + K: 컴포넌트 인스턴스 분리. 디자인 시스템 작업에서 가장 자주 쓰이는 단축키들이에요.
복제·붙여넣기
Cmd/Ctrl + D: 같은 자리 복제 + 마지막 이동값 적용. Alt + 드래그: 드래그하면서 복제. Cmd/Ctrl + Shift + V: 형식만 붙여넣기(스타일 복사). 디자인은 "같은 패턴 반복"이 많아 복제 단축키가 작업 속도를 크게 좌우해요.
자동 레이아웃 (Auto Layout)
Shift + A: 자동 레이아웃 적용. Shift + Alt + A: 자동 레이아웃 해제. Cmd/Ctrl + Alt + 화살표: 자동 레이아웃 내부 이동. 자동 레이아웃은 반응형 디자인의 핵심이라 익혀 두면 디자인 작업이 한층 효율적이에요.
텍스트 편집
Cmd/Ctrl + B: 굵게. Cmd/Ctrl + I: 기울임. Cmd/Ctrl + U: 밑줄. Cmd/Ctrl + Shift + L: 왼쪽 정렬. Cmd/Ctrl + Shift + E: 가운데 정렬. Cmd/Ctrl + Shift + R: 오른쪽 정렬. 텍스트 편집은 마우스로도 가능하지만 단축키가 압도적으로 빨라요.
협업 - 댓글과 공유
C: 댓글 모드. Cmd/Ctrl + Alt + C: 모든 댓글 표시·숨기기. Cmd/Ctrl + L: 링크 복사. 협업은 Figma의 가장 강력한 기능이에요. 다른 디자이너·개발자와 같은 화면을 공유하며 실시간 댓글을 주고받을 수 있어요. 컬러 코드 변환기 같은 도구와 함께 사용하면 디자인 워크플로가 더 효율적이 됩니다.
단축키 익히는 방법
한꺼번에 모든 단축키를 외우려 하지 말고, 매주 5개씩 1개월에 걸쳐 외우세요. 일주일 동안 같은 단축키 10번 이상 사용하면 자연스럽게 손에 익습니다. 또 Figma 자체 "단축키 도움말"(Cmd/Ctrl + Shift + ?)에서 모든 단축키를 검색·확인할 수 있어요.
