[캠프 Day 2] Figma 주요 단축키(기능) 정리(mac os)

● Intro

 본 캠프가 어제자로 시작되었다. 사실 내 일상에는 큰 변화랄 것은 없다. 일정 상 차주까지는 여유가 있을 것 같아. 미처 다 듣지 못한 Figma 강의와 SQL 강의를 복습하려 한다. 마찬가지로, 하는 김에 SQLD나 데이터분석 준전문가와 같은 자격증도 같이 준비하는 쪽으로 계획해 볼까 하고 있다. 잡담이 길었다. 이번 글에서는 Figma 강의를 80% 정도 수강한 시점에서 Figma를 사용하며 익히면 좋을 단축키들을 정리해 보고, 헷갈리는 개념들도 덧붙이려 한다. 필요시, Window OS 호환키도 추가하겠다.

---

▶ 기본 도구모음 관련

기능	단축키
이동(커서)	V
화면이동	H
스케일	K
프레임 생성	F
직사각형 생성	R
타원 생성	O
선 생성	L
텍스트 박스 생성	T
Path 생성(펜)	P

 

※ 화면이동이란?

: 개체에 영향을 주지 않고, 캔버스(화면) 내에서 이동하는 것을 말한다. [Space] 키를 누른 채로 마우스 드래그도 동일한 기능을 한다.

 

※ 패스(Path)란?

: 벡터도형을 구성하는 기본적인 요소로, 좁은 의미로는 선으로 이루어진 도형(내부는 X)을 의미한다. 경로 도형이라 할 수 있을 것 같다. 펜을 통해 그릴 수 있다.

 

※ 스케일(Scale)이란?

: 객체의 크기를 비율적으로 조정하는 기능을 의미. 텍스트 크기, 스트로크 두께, 그림자 등 객체의 모든 속성을 비례적으로 변경한다.

---

▶ 개체 선택 및 편집

기능	단축키
다중개체 선택	shift + 클릭
지우기	<-(back space)
15도 회전	shift + 회전
상하 뒤집기	shift + V
좌우 뒤집기	shift + H
레이어 맨 앞으로 가져오기	]
레이어 맨 뒤로 보내기	[
레이어 한 칸 앞으로 가져오기	cmd + ]
레이어 한 칸 뒤로 보내기	cmd + [
*단순 개체복사(인스턴스)	opt + 드래그
이름 바꾸기	cmd + R
**전체 복제(연속사용 시, 이전 방식을 기억)	cmd + D

 

※ *와 **의 차이는?

: option키를 이용해 복제하는 경우, 자유로운 위치로 복사할 수 있고/ 인스턴스를 생성한다.

cmd + d키를 이용해 복제하는 경우, 복제 후 위치를 지정해야 하고 한번 지정된 복제방식을 계속 기억해 복제한다/ 동일 속성으로 복제한다.

---

▶ 기타 유용기능

기능	단축키
실행취소	cmd + Z
정 도형으로 만들기	드래그 한 채로 shift키 입력
Auto Layout	shift + A
프레임으로 묶기	opt + cmd + G
그룹으로 묶기	cmd + G
텍스트 편집모드 종료	cmd + Enter
컴포넌트로 만들기	cmd + opt + K

 

※ 정 도형이란?

: 사실 이 용어가 이상한 것 같긴 한데, 정다각형과 원(타원 X), 수평직선 등을 의미한다.

 

※ Auto Layout이란?

: 디자인 요소를 자동으로 정렬하고 크기를 조정하는 기능이다. 

- 자동 배치: 요소를 가로/세로 방향으로 정렬하고 간격과 패딩을 설정.

- 동적 크기 조정: 콘텐츠 변화에 따라 레이아웃과 컨테이너 크기가 자동으로 조정.

- 반응형 디자인: 다양한 화면 크기에 적응하는 레이아웃 구현 가능.

---

한 줄 코멘트: 아무래도 익숙치 않은 프로그램이라 내가 지속적으로 꺼내볼 용도로 작성했다. 놀랍게도 위 단축키 중 가장 나중에 알게 된 키는 '실행취소 키'이다.. 이 땜에 무지 애먹었다. Figma의 전반적인 주요 개념에 대한 내용은 후속으로 다룰 예정이다.