디자인 툴 Figma 단축키 꿀팁! 왕초보자용 핵심 단축키 정리

요즘 AI, SNS 등에 관심이 많다보니, 컨텐츠를 제작하는 일에도 관심이 생겼다. 

블로그처럼 글로 표현하는 컨텐츠는 이미 익숙한 타자치기 정도로도 작업이 가능한데, 영상 자료나 이미지 컨텐츠는 포토샵이나 피그마, 캔바 등 여러 디자인 툴을 사용해야 한다.

나는 요즘 피그마(FIGMA) 디자인툴로 이미지 컨텐츠를 만들어보는 작업을 연습중이다.

나같은 왕초보자가 반드시 알아야 할 핵심 단축 정리해본다. 

연습만이 살길이다  +.+

 

Figma: The Collaborative Interface Design Tool

 

피그마 단축키 요약

1. 기본 단축키
   • 붙여넣기: crrl+c (복사) 후 Ctrl + V (붙여넣기)
   • 실행 취소: Ctrl + Z
   • 다시 실행: Ctrl + Shift + Z

2. 줌 기능

   • 줌 인: Ctrl + 마우스 스크롤 위 또는 Ctrl + +
   • 줌 아웃: Ctrl + 마우스 스크롤 아래 또는 Ctrl + -
   • 화면 이동: Space 키를 누른 상태에서 마우스 드래그

3. 선택 및 그룹화

   • 레이어 선택: Ctrl 키를 누른 상태에서 클릭
   • 텍스트 스타일 변경:
     • 굵게: Ctrl + B
     • 밑줄: Ctrl + U
   • 그룹화: 선택 후 Ctrl + G
   • 그룹 해제: 그룹 선택 후 Ctrl + Shift + G

4. 다중 선택

   • 여러 오브젝트 선택: Shift 키를 누른 상태에서 클릭

    

모든 단축키 모음: (자주 쓰는 건 📌 표시)

 

1. File & Properties

Ctrl+Shift+E	출력(저장) Export 📌
Ctrl+Alt+S	히스토리 저장 Save to Version History
Ctrl+Shift+K	이미지 삽입 Place Image

 

2. Edit

Ctrl+C	복사 Copy 📌
Ctrl+X	잘라내기 Cut 📌
Ctrl+V	붙여넣기 Paste 📌
Ctrl+Shift+V	선택 위에 붙여넣기 Paste Over Selection
Alt+drag	중심점 중심으로 사이즈 조절 Resize from Center
Alt+drag	선택 복사 Duplicate Selection
Ctrl+Alt+C	속성 복사 Copy Properties
Ctrl+Alt+V	속성 붙여넣기 Paste Properties

 

3. Select

Ctrl+right-click	레이어 선택 Select Layer Menu
Ctrl+click	직접 선택 Deep Select

 

4. View

⎵+drag	화면 이동 Pan 📌
Ctrl+wheel up	줌인 Zoom In 📌
Ctrl+wheel down	줌아웃 Zoom Out 📌
Shift+1	화면에 맞추기 Zoom to Fit
Shift+0	100%로 맞추기 Zoom to 100%
Shift+R	눈금자 Rulers
Ctrl+Shift+3	외곽선으로 보기 Show Outlines
Ctrl+Alt+Y	픽셀 모드 프리뷰 Pixel Preview

 

5. Arrange

Shift+A	오토레이아웃 만들기 Add Auto Layout 📌
Alt+Shift+A	오토레이아웃 해제 Remove Auto Layout 📌
Ctrl+]	앞으로 가져오기 Bring Forward
Ctrl+[	뒤로 보내기 Send Backward
Ctrl+Shift+]	맨 앞으로 가져오기 Bring to Front
Ctrl+Shift+[	맨 뒤로 보내기 Send to Back

 

6. Tools

V	이동 Move
C	코멘트 추가 또는 보기 Add/Show Comments
P	펜툴 Pen
Shift+P	연필 툴 Pencil
R	사각형 그리기 Rectangle
O	원 그리기 Ellipse
L	선 그리기 Line
F	프레임 생성 Frame
S	슬라이스 Slice
I	스포이드 툴Pick Color

 

7. Text

T	텍스트 Text
Ctrl+Shift+V	스타일에 맞춰 붙여넣기 Paste and Match Style
Ctrl+B	볼드 Bold
Ctrl+I	이탤릭 Italic
Ctrl+U	밑줄 Underline

 

8. Object

Ctrl+G	그룹 Group Selection 📌
Ctrl+Shift+G	그룹 해제 Ungroup Selection 📌
Ctrl+Shift+H	숨기기/나타내기 Show/Hide Selection
Ctrl+Shift+L	잠금/잠금해제 Lock/Unlock Selection
Ctrl+Alt+Shift+L	전체 잠금 해제 Unlock All Object
Ctrl+E	병합 Flatten Selection
Ctrl+Shift+O	윤곽선으로 변경 Outline Stroke
Alt+double+click	이미지 자르기 Crop Image

 

9. Components

Ctrl+Alt+K	컴포넌트 만들기 Create Component
Ctrl+Alt+B	인스턴스 분리하기 Detach Instance

 

10. Misc

Ctrl+/	검색 Search
Ctrl+Shift+/	단축키 보기 Keyboard Shortcuts