[SeSAC] 웹 프론트엔드 과정 2주차 Figma 단축키

Least Weasel·2024년 1월 8일

새싹 강동 3기

목록 보기
6/8
post-thumbnail

spacebar : 화면 이동

cmd + 드래그 : 화면 확대/축소

오브젝트 선택 + option : 위치 상관 없이 복사 + shift : 줄 맞추기

회전 드래그 + shift : 15도 단위로 회전

오브젝트 선택 + 숫자 키 입력 시 투명도 조절

cmd+opt+c, cmd+opt+v : 스타일 복붙

cmd + \ : 피그마 기본 UI 토글 숨기기

cmd + / : 퀵 액션 (기능 검색)

cmd + R : 레이어 이름 변경

cmd + D : 방금 작업 복제

cmd + opt + C , cmd + opt + V : 스타일 복붙

요소 선택 후 option + 디자인 패널의 모든 입력창에서 좌우 드래그 : 마우스로 수치 조절

요소 선택 + cmd + 방향키 : 키보드로 크기 조정

cmd + G : 그룹화, cmd + opt + G : 그룹화

I : 컬러 피커

opt : 오브젝트 상화좌우 간격 확인

shift + O : 레이어 아웃라인 확인 → 레이어가 어떻게 겹쳐져 있는 지 확인 가능

cmd + 클릭 : 다중으로 겹쳐 있는 레이어 중 특정 레이어 선택 가능

esc : 편집 종료

오브젝트 선택 + 방향키 : 오브젝트 1px 이동

오브젝트 선택 + cmd +방향키 : 오브젝트 10px(→8px) 이동

cmd + [ : 선택한 객체 뒤로 보내기

cmd + ] : 선택한 객체 뒤로 보내기


기본 툴

V : Move Tool

F : Frame Tool

shift + S + 드래그 : 해당 영역만큼 섹션 생성

cmd + backspace : 섹션 내용을 유지하면서 섹션 해제


도형

R : Reactangle

L : Line

shift + L : 화살표

O : circle

P : Pen Tool


T : Text Tool

shift + I : Resources

H : Hand Tool

C : Comment


오브젝트 관련 단축키

클릭 : 100*100 사이즈 자동 생성

드래그 : 원하는 크기로 오브젝트 생성

shift + 드래그 : 1:1 비율로 오브젝트 그리기

opt + 드래그 : 가운데 중심으로 오브젝트 그리기

shift + opt + 드래그 : 1:1 비율로 가운데 중심 오브젝트 그리기

드래그 + spacebar : 도형을 그리면서 해당 도형의 위치 이동

opt + 드래그 : 드래그한 모서리 둥글기 변경

polygon, star

cmd + E : 다각형의 여백 제거 → count 변경 불가

shift + H : 좌우 반전

shift + V : 상하 반전


Pen Tool

shift + 드래그 : 수직, 수평, 45도

esc / 면으로 완성 : 선끊기

esc / done 클릭 : 펜툴 완전 종료

클릭 상태로 드래그 : 곡선

선 가운데 추가 점 클릭 : 점 추가

alt + 삭제할 점 클릭 : 점 삭제

B : 색 채우기

cmd / bend툴 : 방향선 추가 / 삭제

cmd + shift + O : 선을 면으로 전환

0개의 댓글