[Figma] 맥 유용한 Figma 단축키 (Figma shortcut)

[공지]티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 
가독성이 매우 떨어져 곧 업데이트 할 예정입니다. 방문자 분들 단축키 보기가 조금 불편하시겠지만 조금만 기다려 주세요. 

 

[업데이트&오타 수정 내역 ]

2024.1.4
티스토리 스킨 변경으로 인해 keyboard 단축키 구분 스타일이 삭제 되었습니다. 
곧 업데이트 할 예정입니다. 방문자 분들 불편하시더라도 조금만 기다려 주세요.  

 

2023.04.27

- section을 selection으로 오기입해서 수정했습니다.

- 사용 빈도수가 낮았던 단축키를 업데이트했습니다. 

- ETC: 실시간 대화하는 기능 단축키 추가 

- Cursor: 움직이면서 실행하는 단축키 추가 

 

2022.11.30 section 툴 추가 

2022.09.05 오타가 있어서 수정했습니다. 

 

 

File & Properties

Command shift  E	파일 내보내기
Control Option S	히스토리 내역에서 저장하기
Control shift K	위치이동
Control C 또는 그냥 키보드 I	컬러피커
Option 더블클릭	이미지 자르기 모드

View

Space Bar드래그	화면 이동하기
Shift R	줄자 보이기
Control p	픽셀화된 이미지 미리보기
Command+	확대하기
Command-	축소하기
Shift1	화면에 맞춰 전체 프레임 보기 zoom to fit
Shift2	선택한 개체 확대하기
Shift0	원본 크기로 보기
N	다음 프레임 보기
ShiftN	이전 프레임 보기
CommandR	레이어명 바꾸기
ControlG	그리드 보기
Commandshift\	레이어 패널보기
Command\	Figma UI 보기
Command'	픽셀그리드보기
ControlR	Layout Grids 보기
CommandY	외곽선모드(아웃라인모드)
Option1	레이어 패널 보기
Option2	에셋 패널 보기
Option8	design 패널 보기
Option9	prototype 패널 보기
Option0	inspect패널 보기
ShiftR	리소스 패널 열기

Vector

V	이동툴
P	펜툴
B	페인트 버킷툴
Command드래그	구부리기 툴
CommandJ	선택 합치기
Option드래그	복제하기
ESC or Enter	벡터 수정모드 나가기
Option/	채운것 삭제하기
ShiftX	선색은 면색으로, 면색은 선색으로 서로 바꾸기
ShiftA	오토레이아웃 autolayout
ShiftCommandO	벡터로 전환하기

Object

V	이동툴
P	펜툴
R	사각형
O	원형
L	선그리기
A or F	프레임 생성툴
ShiftS	section 만들기
S	자르기 (slice)
CommandC	복사하기
CommandX	잘라내기
CommandV	붙여넣기
CommandD or Option드래그	복제하기
CommandG	그룹화하기
CommandshiftG	그룹해체
CommandshiftH	토글 보기
Commandshift L	토글 잠그기, 레이어 잠그기
CommandE	레이어합치기
CommandShiftO	외곽선 라인
OptionCommandM	레이어 마스크
OptionA	오브젝트를 왼쪽정렬
OptionD	오브젝트를 오른쪽정렬
OptionW	오브젝트를 상단으로 정렬
OptionS	오브젝트를 하단으로 정렬
OptionH	horizontal 정렬,가로축 중앙 정렬
OptionV	vertical 정렬, 세로축 중앙 정렬
ControlOptionT	정리하기

Text

T	글꼴수정
CommandU	밑줄
CommandI	글꼴기울이기
shiftCommandX	가로줄치기
CommandB	두껍게
shiftCommand	폰트 사이즈 키우기
shiftCommand	폰트 사이즈 줄이기
Optionshift<	행간 넓게
Optionshift>	행간 좁게
Option<	자간 넓게
Option>	자간 좁게
OptionCommandL	왼쪽정렬
OptionCommandT	가운데정렬
OptionCommandR	오른쪽정렬
OptionCommandJ	양쪽정렬
CommandK	하이퍼링크 생성
ShiftCommandO	텍스트를 벡터로 변환하기(OutlineStroke)

Transform 

ShiftH	가로로 뒤집기
ShiftV	세로로 뒤집기
ControlCommandM	마스크 사용
Enter	이미지 편집
ShiftCommandK	이미지 교체하기
00	투명도 0
0~9	투명도 조절

Component 

OptionCommandK	컴포넌트 만들기
OptionCommandB	컴포넌트에서 분리하기
OptionCommandO	팀 라이브러리 창 보기

ETC 

ControlShift?	키보드 단축키 보는 창을 실행
Command/	Quick action 빠른 실행창 (플러그인, 메뉴 등등을 검색)
/	대화창키기 (실시간으로 상대방과 대화할때 씀)

Cursor

오브젝트를 선택한 상태로 Option	선택한 오브젝트와의 간격 보기
클릭하는 동안 CommandClick	오브젝트 개별 선택하기 (deep selection)
리사이징 하는 동안 Option	이미지 중앙에서 리사이징하기

 

 

 

 

모바일 환경보다 PC에서 확인하시는것을 추천합니다

 

 

 

피그마 사용팁

https://paper-garden.tistory.com/55

figma 피그마에서 플러그인 추천 6개

 

https://paper-garden.tistory.com/56

figma에서 표지 만들기, thumbnail 제작하기