brunch

피그마 뽀사기 4. 단축키 알고 쓰자

피린이 탈출기원 프로젝트

by 미소지나

기본 툴 단축키

선택 : V
펜 : P

텍스트 : T
사각형 : R

선 : L
원 : O

프레임 : F
색상선택 : I

스케일 : K (왜곡 없이 스케일 조절)

그리드 보기 : Shift + G

가이드 보기 : Shift + R

프레임 공유하기 : Ctrl + L

Export없이 바로 PNG

복사 : Shift + Ctrl + C

내보내기 : Ctrl + Shift + E

프레임 이름 변경 : Ctrl + R

사진 불러오기 : Shift + Ctrl + K

폰트 도형 스타일 복사 : Ctrl + Alt + C


컴포넌트

컴포넌트 생성 : Ctrl + Alt + K

인스턴스 깨기 : Ctrl + Alt + B

컴포넌트 찾기/삽입 : Ctrl + I

오토레이아웃 생성 : Shift + A

컴포넌트이름 수정 : Ctrl + R (여러개 선택 후 동시 변경 가능)

컴포넌트 줌 : Shift + 2 (누르고 원하는 에셋 클릭)

객체를 컴포넌트화 : Ctrl + Alt + G


이동, 크기 조절

화살표를 사용하면 정확한 위치만큼 이동하거나, 크기를 조정할 때 편리합니다.

1px 이동하기 : 화살표 상,하,좌,우 키

10px 이동하기 : Shift + 화살표 상,하,좌,우 키

1px 크기 조정하기 : Ctrl + 화살표 상,하,좌,우 키

10px 크기 조정하기 : Ctrl + Shift + 화살표 상,하,좌,우 키

화면에 맞춰서 확대 : Shift + 1

좌측 패널 선택영역 확대 : Shift + 2

대쉬보드(UI) 숨기기 : Ctrl + \

좌측 패널 레이어 보기 : Ctrl + 1

좌측 패널 에셋 보기 : Ctrl + 2

팀 라이브러리 : Ctrl + 3

이전 프레임 확대 : Shift + N

다음 프레임 확대 : N

화면 중앙 맞춤 : Shift + 2


위치 정렬

가로 왼쪽 정렬 : Alt + A

가로 가운데 정렬 : Alt + H

세로 상단 정렬 : Alt + D

세로 가운데 정렬 : Alt + V

세로 하단 정렬 : Alt + S

세로로 뒤집기 : Shift + H

가로로 뒤집기 : Shift + V


레이어 정렬

레이어의 순서를 바꿀 수 있습니다.

뒤로 보내기 : [

앞으로 올리기 : ]

잠금레이어 한번에 해제 : Option + Ctrl + Shift + L


불투명도 설정

0~ 9 숫자키


선택 영역

스타일 복사 Ctrl + Shift + V

코멘트 한꺼번에 확인 C

코멘트 한꺼번에 숨기는 키 : Shift + C
왼쪽 레이어패널 이동 : Alt + 1

오른쪽 디자인패널 가로 정렬 : Alt + H

오른쪽 디자인패널 세로 정렬 : Alt + V

색상 선택 : Ctrl + C

keyword
작가의 이전글피그마 뽀사기3. 컴포넌트 활용하여 디자인 시스템 구축