250x250
반응형
Notice
Recent Posts
Recent Comments
Link
개발세발
피그마 단축키 본문
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
반응형
'코딩공부 > UI UX' 카테고리의 다른 글
디자인 시스템 (3) | 2022.12.18 |
---|---|
피그마 학습 내용 정리 (0) | 2022.10.13 |
Zeplin 사용하기 (0) | 2022.10.06 |
피그마 - 2️⃣ (0) | 2022.08.31 |
[TOOL] 프로토파이(ProtoPie) - 웹/앱 인터랙션 만들기 무중력지대 대방동 (0) | 2022.08.29 |