Figma는 UI UX 디자이너와 개발자에에게 필수적인 협업 디자인 툴입니다. Figma 피그마 단축키 모음을 잘 활용하면 작업 속도와 효율성, 디자인 퀄리티까지 향상시킬 수 있는데요. 마우스로 일일이 메뉴를 클릭하는 대신, 키보드로 빠르게 기능을 실행함으로써 작업 흐름을 방해받지 않고 작업에 몰입할 수 있습니다. 이번 시간에는 피그마에서 자주 쓰는 단축키부터 고급 단축키까지 카테고리별로 정리해서 알려드립니다. 피그마 작업 시 유용하게 활용하고 쓰임있는 도움이 되길 바랍니다.

피그마 단축키 종류, 기능

디자인 작업을 더 효율적으로 진행하기 위해 피그마 단축키 기능과 피그마 단축키 종류를 잘 활용하는 것이 중요합니다.

다양한 피그마 단축키를 사용하는 것은 단순히 작업 시간을 단축하는 것을 넘어, 디자이너의 사고 과정을 더욱 원활하게 만들어주고 아이디어를 즉시 디자인으로 구현할 수 있도록 도와줍니다. 처음에는 모든 단축키를 외우기 어렵겠지만, 자주 사용하는 단축키부터 하나씩 차근차근 익혀나가며 속에 익숙해지도록 연습하는 것이 중요합니다.

피그마에서 자주 사용되는 단축키 기능에 대해서 상세히 소개하고 각 단축키가 어떤 기능을 수행하는지 알아보겠습니다.

Figma 피그마 단축키 모음

피그마 단축키 종류에 따라 Tools, File, Edit, View, Object, Text 로 구분하였습니다.

Tools

Tools(도구) 관련 단축키는 디자인 요소를 빠르게 생성하거나 선택할 때 사용하는 단축키입니다.

V : Move / 이동

H : Hand / 손 모양, 캔버스 화면 드래그

K : Scale / 비율 조정

F : Frame / 프레임 생성

Shift + S : Section / 섹션 만들기

S : Slice / 슬라이스

R : Rectangle / 사각형 그리기

L : Line / 선 그리기

Shift + L : Arrow / 화살표 선 그리기

O : Ellipse / 원 그리기

Ctrl + Shift + K : 이미지, 비디오 파일 불러오기

P : Pen / 펜

Shift + P : Pencil / 연필

T : Text / 텍스트 입력

C : Comment / 코멘트 작성, 보기

Ctrl + K : Actions / 액션 메뉴

Shift + D : Open Dev Mode / 개발 모드 열기

File

File(파일) 관련 단축키는 파일 관리와 관련된 기능을 빠르게 접근할 수 있습니다.

Ctrl + K : Place image / 이미지 삽입

Ctrl + Alt + S : Save to version history / 히스토리 저장

Ctrl + Shift + E : Export / 내보내기

Edit

Edit(편집) 관련 단축키는 복사, 붙여넣기, 속성 복사 등 편집에 필요한 주요 단축키입니다.

특히 디자인 작업에서는 종종 반복적인 요소들이 등장합니다. 이때 피그마 단축키 기능을 활용하면 반복적인 작업을 빠르게 처리할 수 있습니다.

Ctrl + Z : Undo / 실행취소

Ctrl + Y : Redo / 다시 실행

Ctrl + C : Copy / 복사

Ctrl + X : Cut / 잘라내기

Ctrl + V : Paste / 붙여넣기

Ctrl + Shift + C : Copy as PNG / PNG로 복사

Ctrl + Shift + V : Paste over selection / 선택위에 붙여넣기

Ctrl + Shift + R : Paste to replace / 복사해서 교체기

Ctrl + D : Duplicate / 복제

Ctrl + F : Find / 찾기

Ctrl + Shift + F : Find next / 다음 찾기

Ctrl + Shift + D : Find previous / 이전 찾기

Ctrl + Alt + C : Copy Properties / 속성 복사

Ctrl + Alt + V : Paste Properties / 속성 붙여기

소문자 i, 대문자 I : Pick color / 색상 선택

Ctrl + A : Select all / 모두 선택

Ctrl + Alt + A : Select matching layers / 해당되는 레이어 선택

Ctrl + Shift + A : Select inverse / 반전 선택

View

View(화면/뷰) 관련 단축키는 작업 화면을 조절하거나 UI 패널을 관리할 때 유용합니다.

Shift + ‘ : Pixel grid / 픽셀 그리드

Shift + G : Layout grids / 레이아웃 그리드

Shift + R : Rulers / 눈금자

Ctrl + Shift + P : Pixel preview / 픽셀 단위로 미리보기

Shift + \ : Minimize UI / UI 패널 축소

Ctrl + \ : Show/Hide UI / UI 패널 보기 또는 숨기기

Ctrl + Alt + \ : Multiplayer cursors / 다른 작업자들의 커서 보기 또는 숨기기

Ctrl + + : Zoom in / 확대

Ctrl + – : Zoom out / 축소

Ctrl + 0 : Zoom to 100% / 100% 맞추기

Shift + 1 : Zoom to fit / 작업 영역 화면에 맞추기

Shist + 2 : Zoom to selection / 선택 영역 확대

Page Up : Previous page / 이전 페이지로 이동

Page Down : Next page / 다음 페이지로 이동

Shift + N : Zoom to previous frame / 이전 프레임으로 확대

N : Zoom to next frame / 다음 프레임으로 확대

Home : Find Previous frame / 이전 프레임 찾기

End : Find next frame / 다음 프레임 찾기

Ctrl + Shift + O : Show outlines / 윤곽선으로 변경

Object

Object(오브젝트) 관련 단축키는 레이어, 그룹, 오토레이아웃, 컴포넌트 등 오브젝트 조작에 특화된 단축키입니다.

Ctrl + Alt + G : Frame selection / 선택한 개체를 프레임으로 묶기

Ctrl + G : Group selection / 선택한 개체를 그룹으로 묶기

Ctrl + Shift + G 또는 Ctrl + Backspace : Ungroup selection / 그룹 해제하기

Ctrl + S : Wrap in new section / 섹션으로 감싸기

Ctrl + Alt +M : Use as mask / 마스크 적용

Shift + A : Add auto layout / 오토 레이아웃 생성

Ctrl + Alt + K : Create component / 컴포넌트 만들기

Ctrl + Alt + B : Detach instance / 인스턴스 깨기(분리하기)

] : Bring to front / 맨 앞으로 가져오기

Ctrl + ] : Bring forward / 앞으로 가져오기

Ctrl + [ / Send backward / 뒤로 보내기

[ : Send to back / 맨 뒤로 보내기

Shift + H : Flip horizontal / 수평 뒤집기

Shift + V : Flip vertical / 수직 뒤집기

Ctrl + E : Flatten selection / 도형 합치기

Ctrl + Alt + O : Outline stroke / 윤곽선 획 만들기(선을 면으로)

Ctrl + Shift + H : Show/Hide selection / 선택 개체 보이기 또는 숨기기

Ctrl + Shift + L : Lock/Unlock selection / 잠금 또는 잠금 해제

Alt + L : Collapse layers / 레이어 패널 전체 닫기

Alt + / : Remove fill / 채우기 제거

Shift + / : Remove stroke / 획 제거

Shift + X : Swap fill and stroke / 채우기 및 획 교체하기

Text

Text(텍스트) 관련 단축키는 텍스트 입력 및 서식 지정에 필요한 단축키입니다.

T : Text / 텍스트 입력

Ctrl + B : Bold / 텍스트 굵게

Ctrl + I : Italic / 텍스트 오른쪽으로 기울이기

Ctrl + U : Underline / 텍스트 밑줄 긋기

Ctrl + Shift + X : Strikethrough / 텍스트 취소선 긋기

Ctrl + Shift + U : Create link / 텍스트에 링크 걸기

Ctrl + Shift + 8 : Bulleted list / 불렛 리스트 만들기

Ctrl + Shift + 7 : Numbered list / 숫자 리스트 만기

Ctrl + Alt + L : Text align left / 텍스트 왼쪽 정렬

Ctrl + Alt + T : Text align center / 텍스트 중앙 정렬

Ctrl + Alt + R : Text align right / 텍스트 오른쪽 정렬

Ctrl + Alt + J : Text align justified / 텍스트 양쪽 정렬

Ctrl + ] : Increase indentation / 들여쓰기 증가

Ctrl + [ : Decrease indentation / 들여쓰기 감소

Ctrl + Shift + > : Increase font size / 폰트 사이즈 증가

Ctrl + Shift + < : Decrease font size / 폰트 사이즈 감소

Ctrl + Alt + > : Increase font weight / 폰트 굵기 증가

Ctrl + Alt + < : Decrease font weight / 폰트 굵기 감소

Alt + Shift + > : Increase line height / 텍스트 줄높이 증가

Alt + Shift + < : Decrease line height / 텍스트 줄높이 감소

Alt + > : Increase letter spacing / 자간 증가

Alt + < : Decrease letter spacing / 자간 감소

피그마 키보드 단축키 패널 보기

피그마 키보드 단축키 패널은 피그마 인터페이스 내에서 사용 가능한 모든 단축키를 한눈에 볼 수 있는 기능입니다. 단축키를 찾기 어려운 상황에서 유용하며, 빠르게 원하는 도구나 기능을 실행할 수 있도록 돕습니다. 특히 디자인 작업을 하는 동안 마우스를 사용하는 것보다 키보드를 이용한 작업이 훨씬 더 효율적일 때가 많습니다.

피그마 키보드 단축키 패널 여는 방법

Windows 에서는 Ctrl + Shift + ? 클릭
Mac 에서는 Control + Shift + ? 클릭

Figma Design(피그마 디자인) 작업 화면 하단에 피그마 키보드 단축키 패널(아래 이미지)이 출력됩니다.

피그마 키보드 단축키 패널 가이드

피그잼 키보드 단축키 패널 보기

피그마 키보드 단축키 패널과 동일하게 피그잼 키보드 단축키 패널 역시 피그잼 인터페이스 내에서 사용 가능한 모든 단축키를 한눈에 볼 수 있는 기능입니다. 작업을 빠르고 효율적으로 처리할 수 있도록 돕고 이 패널을 통해 자주 사용하는 도구나 기능을 손쉽게 찾고 실행할 수 있습니다.

FigJam 피그잼 키보드 단축키 패널 여는 방법