반응형
안녕하세요 :)
오늘은 알아두면 편리한 피그마(Figma) 단축키 모음을 정리했습니다.
수년간 포토샵에 익숙해져 있다 보니 피그마에서 자연스럽게 포토샵 단축키를 누르고 있더라구요 ^^;
단축키 모음은 기본적으로 [ 피그마에서 제공 되는 내용 + 새로 발견한 단축키 ] 내용으로 작성했습니다.
(작업하다 발견한 내용은 주기적으로 업데이트 될 예정입니다.)
개인 습득용으로 작성했지만 모든 분들께 도움이 됐으면 좋겠습니다.
Ctrl + Shift + / : 카테코리별로 단축키를 확인하실 수 있습니다.
< Tools >
V | 이동 Move |
K | 스캐일 Scale - 속성 그대로 사이즈 조절 가능 (글자 크기, 선, 모서리 등) |
F, A | 프레임 Frame |
R | 사각형 그리기 |
O | 원 그리기 |
L | 선 그리기 |
Shift + L | 화살표 그리기 |
P | 펜툴 Pen |
Shift + p | 연필 툴 Pencil |
T | 텍스트 작성 Text tool |
< UI panel >
Ctrl + 1 | 홈 Home |
Ctrl + 2 ~ | 디자인 파일 이동 (맨 앞에 파일이 '숫자2') |
Ctrl + Alt + 〈 , 〉 | 좌우키로 홈 + 디자인파일 이동 가능 |
Alt + 1 | Layers 패널 보기 (촤즉패널) |
Alt + 2 | Assets 패널 보기 (촤즉패널) |
Alt + 8 | Design 패널 보기 (우측패널) |
Alt + 9 | Prototype 패널 보기 (우측패널) |
Alt + 0 | Inspect 패널 보기 (우측패널) |
Ctrl + \ | UI 패널 전체 Show/Hide |
< Layer Selcet >
Ctrl + 클릭 | 직접선택 (프레임 안 레이어) |
Ctrl + 드래그 | 드래그된 레이어만 선택 |
더블클릭 | 그룹핑(or 프레임) 된 레이어 선택 |
< View >
H, Space Bar + 마우스 클릭 이동 |
핸드 툴 Hand tool |
Shift + 0, Ctrl + 0 |
원본 사이즈로 확인하기 Zoom to 100% |
Shfit + 1 | 전체보기 Zoom to Fit |
Shfit + 2 | 선택한 레이어 크게 보기 Zoom to Section |
Ctrl + 마우스 휠 | 휠 돌려가며 원하는 사이즈로 보기 |
Shift + O, Ctrl + Shift + 3 |
외곽선 보기 Show Outlines |
Shift + R | 눈금자 Show/Hide |
Shift + G | 레이아웃 그리드 Show/Hide |
Shift + ' | 픽셀 그리드 Show/Hide |
Shift + C | 코멘트 Show/Hide |
개체선택 + Alt | 상하좌우 여백 값 보기 |
개체선택 + Ctrl + Alt | 가장 가까운 오브젝트까지 상하좌우 여백 값 보기 |
< Creative & Detach >
Ctrl + Alt + G | 프레임 Frame |
Ctrl + Shift + G | 프레임 해제 |
Ctrl + G | 그룹 |
Ctrl + Shift + G, Ctrl + backspace (←) |
그룹 해제 |
Shift + A | 오토레이아웃 Auto Layout |
Shift + Alt + A | 오토레이아웃 해제 |
Ctrl + Alt + K | 컴포넌트 생성 (해제하는 기능X, 인스턴트로 복제후 해제) |
Ctrl + Alt + B | 인스턴트 해제 (프레임으로 해제됨) |
Ctrl + Alt + M | 클리핑 마스크 Cliping Mask (해제하는 기능X) |
클리핑 이전으로 돌리고 싶을때 (이미지, 도형 살리기) |
① 이미지를 마스크 그룹 밖으로 빼고 ② 도형레이어 선택하고 Ctrl+Alt+M ③ 마스크그룹 밖으로 도형 빼기 (남은 Mask Group은 삭제) |
반응형
댓글