본문 바로가기
Design Tool/Figma 피그마

[피그마] 알아두면 편리한 Figma 단축키 모음

by 허그미 2023. 1. 28.
반응형

안녕하세요 :)

오늘은 알아두면 편리한 피그마(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은 삭제)

 

 

반응형

댓글