피그마 초심자인 나는 단축키에 익숙하지 않기에
도구나 메뉴를 하나하나 눌러서 설명을 읽으며 써야하는 기능을 찾아 적용하는 중에 있다.
하지만 익숙해지고 빠르게 빠르게 디자인을 만들어내야할 때에는
단축키를 적용하는 것이 훨씬 편리할 것이다.
그런의미에서 단축키에 익숙해지고자 유용하게 쓸 수 있는
단축키를 정리해보면서 머리에 넣어보고자 한다.
한번 정리해놓으면 완벽하게 기억하진 못하더라도쓸 때 어렴풋이 생각나면서 또한번 암기할 수 있는 계기가 되겠지..?!
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 |
단축키가 생각이 안나서 기능을 찾아서 사용할 때에도
피그마는 친절하게 옆에 단축키를 써놓았기 때문에
쓸 때마다 한번씩 더 보며 눈에 익도록 노력해서빨리 바로바로 쓰고싶다.
세밀하게 디자인을 원하는대로 해줄 수 있게 도와주는 프로그램인 피그마는디자이너에게 정말 유용한 기능을 해주는 것 같다.
메타코드M
빅데이터 , AI 강의 플랫폼 & IT 현직자 모임 플랫폼ㅣ메타코드 커뮤니티 일원이 되시기 바랍니다.
'피그마' 카테고리의 다른 글
[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ "(실습)피그마 파일 썸네일 만들어보기" (1) | 2024.02.29 |
---|---|
[피그마(figma) 사용법] 툴 사용법 기초 정리 (0) | 2024.02.21 |
[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ "(실습)오토 레이아웃 버튼 만들기 /다양한 버튼 예시" (0) | 2024.02.20 |
[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ "(실습)오토 레이아웃으로 버튼 만들기" (0) | 2024.02.20 |
[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ "오토 레이아웃 설정값 살펴보기" (1) | 2024.02.18 |