안녕하세요 코드블리입니다.
요즘 모바일 기획 및 디자인을 피그마에서 직접 하고있는데,
간격도 자동으로 맞춰주고 FLOW도 지정해서 시뮬레이션 할수있고
나름 참 괜찬은 툴이더라구요
단축키 없이 그냥 클릭으로 작업하고 있었는데,
문득 자주 쓰는 MOVE(이동) 이라던가 SELECT(선택)을 하는 단축키를
사용하면 좋겠다 싶어 정리해보았습니다.
들어가기에 앞서, figma에서 Ctrl(cmd)+Shift+/를 누르시면 여러 단축키들을 쉽게 둘러보실 수 있습니다.
그리고 저는 figma를 윈도우 환경에서 주로 사용하기 때문에 Ctrl로 표시했어요. 맥 유저시라면 Cmd로 대체해서 쓰시면 됩니다.
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++ / Z+Click / Ctrl+wheel 줌인 Zoom In
- / Ctrl+- / Alt+Z+Click / Ctrl+wheel 줌아웃 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