개발세발

피그마 단축키 본문

코딩공부/UI UX

피그마 단축키

뉼👩🏻‍💻 2022. 10. 6. 12:18
728x90
반응형
SMALL

 

단축키 정보 확인하는 방법

좌측하단 물음표를 선택하면 [Keyboard shortcuts] 를 확인할 수 있음


피그마 화면 하단부에 단축키 정보를 확인할 수 있음


아래에 나와있는 단축키를 피그마 환경에서 눌러본다면 인터랙션으로 해당 단축키의 색상이 바뀌면서 올바르게 작동시켰음을 확인할 수 있음



버전저장 : cmd(ctrl) + option(alt) + s

버전별로 저장하여 용이하게 관리 가능

 

텍스트만 붙여넣기 : cmd + shift + v

 


해당 글꼴의 속성은 그대로 유지한 채 텍스트 내용만 변경할 수 있음


hand tool : Space + drag

hand tool 은 [h] 눌러서 사용할 수 도 있지만 변경하기 싫다면 Space+drag로 잠깐잠깐씩 사용가능


Flatten selection : cmd + e

: 벡터가 아닌 것을 벡터 원리로 바꿔서 편집이 가능함

텍스트도 위와 같이 변형을 줄 수 있음

 

Arrange : cmd + ] or [

앞으로/뒤로 설정가능

 

stroke이 들어간 모든 부분으로 영역을 확장: Cmd + shift + O

 

이미지를 자르기 모드로 변경 : alt+ doubleclick

 

component 로 지정 : cmd + option + k

 

component 해제 : cmd + option + b

복사한 컴포넌트는 해제할 수 있음

align 을 빠르게 조정 : option + A / D / W / S / V / H

게임 방향키, horizontal, vertical 이라고 생각하면 쉬움

opacity 를 빠르게 조정 : 이미지를 선택 후 숫자키를 입력하면 됨

두 자리 숫자 조정시 숫자 2개를 빠르게 입력


그외

색상 스포이드 : i

 

zoom out : option + z + click

zoom in : z + click

 

채워진 색상 기준으로 테두리만 남김 : shift + x
728x90
반응형