부록 A. 단축키 치트시트 — UI3 기준

실무 속도는 기능을 얼마나 많이 아느냐보다, 손이 먼저 반응하느냐에서 갈린다. UI3에서도 이 원칙은 그대로다. Figma의 공식 UI3 가이드가 강조하듯, 새 인터페이스는 툴바를 일일이 클릭하기보다 Actions 메뉴와 키보드 중심 흐름을 더 자연스럽게 쓰도록 정리되어 있다.¹ 결국 빠른 디자이너는 마우스를 덜 쓰는 사람이 아니라, 다음 동작이 손끝에 이미 올라와 있는 사람이다.⁴

이 부록은 공개된 Mac·Windows 단축키 레퍼런스를 교차해, 실제 작업에서 가장 자주 쓰는 항목만 상황별로 다시 묶은 것이다.²³ 맥 단축키를 먼저, 윈도우 단축키를 뒤에 적었다.

이 치트시트를 읽는 법

예를 들어 ⌘D / Ctrl+D는 맥에서는 Command+D, 윈도우에서는 Control+D라는 뜻이다. 처음부터 전부 외우려고 하지 말자. 하루에 다섯 개만 손에 붙여도 작업 속도는 눈에 띄게 달라진다.

가장 먼저 손에 붙일 12개

아래 12개는 "몰라도 작업은 되지만, 알면 작업 리듬이 완전히 달라지는 키"들이다.

도구 전환과 캔버스 이동

도구 전환은 생각보다 중요한 기본기다. 사각형 하나 그릴 때마다 툴바를 찾는 순간, 머릿속 설계가 자꾸 끊긴다.²³

캔버스를 보는 단축키도 같이 익혀두면 좋다. 특히 큰 파일에서 길을 잃지 않는 데 효과가 크다.

선택과 레이어 탐색

초보자는 "그리기"에서 시간을 쓰고, 숙련자는 "고르기"에서 시간을 아낀다. 특히 오토 레이아웃과 컴포넌트가 깊어질수록, 원하는 레이어를 한 번에 집는 능력이 속도를 좌우한다.³⁴

작은 팁 하나를 덧붙이면, 레이어를 못 찾겠을 때는 클릭을 더 많이 하기보다 Enter, Shift+Enter, ⌘/Ctrl+클릭 이 세 개를 먼저 떠올리는 편이 훨씬 빠르다.

정렬, 배치, 간격

정렬 단축키는 "예쁘게 보이게 하는 기술"이 아니라 "의심을 없애는 기술"이다. 눈대중은 늘 불안하지만, 키보드 정렬은 늘 같은 결과를 준다.²⁴

정렬은 한 번에 끝내는 습관이 좋다. 선택하고, 정렬하고, 끝내자. 마우스로 끌어 맞추기 시작하면 디자인도 흐트러지고 마음도 흐트러진다.

오토 레이아웃과 컴포넌트

UI3에서 작업 속도를 가장 크게 끌어올리는 단축키 묶음은 사실 여기다. 프레임을 그리는 사람보다, 구조를 만드는 사람이 빨라진다.

실무에서는 이 흐름이 가장 강하다. 요소를 만든 뒤 Shift+A로 구조를 만들고, 재사용할 타이밍이 오면 ⌘⌥K / Ctrl+Alt+K로 컴포넌트화한다. 그리고 비슷한 화면을 늘릴 때는 ⌘⌥C, ⌘⌥V로 통일감을 유지한다.

텍스트 작업

텍스트는 작은 수정이 자주 일어나기 때문에, 단축키 체감 효과가 유난히 크다. 제목 한 단계 키우고, 본문 자간 조금 줄이고, 리스트로 바꾸는 일들이 쌓이면 마우스 클릭 수가 어마어마해진다.²³

텍스트 편집에서는 숫자보다 리듬이 중요하다. 크기, 줄간격, 자간을 패널에서 하나씩 찾지 말고 손으로 바로 조정하면, 문장도 더 자연스럽게 읽힌다.

색상, 도형, 벡터에서 자주 쓰는 것

이 단축키들은 사용 빈도는 조금 덜해도, 막상 필요할 때 모르면 흐름이 뚝 끊긴다.

특히 불투명도 숫자 입력은 아주 작지만 아주 강한 습관이다. 40%가 필요하면 4, 100%가 필요하면 0, 완전히 투명하게 만들려면 00을 누르면 된다.⁴

UI3에서 특히 자주 쓰는 패널 전환

UI3의 장점 중 하나는 필요한 패널만 빠르게 열고 닫으면서 캔버스를 넓게 쓰기 좋다는 점이다. 공식 가이드도 Minimize UI와 Actions 메뉴를 집중 작업 흐름의 핵심으로 소개한다.¹

여기서 핵심은 두 가지다. 모르는 기능은 먼저 Actions 메뉴에서 찾고, 화면이 답답하면 먼저 UI 숨기기를 누르는 것이다. UI3는 이 두 동작만 익혀도 훨씬 가볍게 느껴진다.

프로토타입, 발표, 협업

디자인은 결국 보여줘야 끝난다. 그래서 발표와 리뷰용 단축키는 마지막이 아니라, 오히려 자주 쓰는 쪽에 가깝다.

발표 직전에는 ⌘\ / Ctrl+\로 UI를 숨기고, Shift+1로 전체를 맞춘 뒤, Shift+Space로 흐름을 점검하는 습관을 들이면 좋다. 이 세 키만 기억해도 리뷰가 훨씬 매끈해진다.

실무에서 바로 먹히는 조합

단축키는 한 개씩 외우는 것보다, 작업 흐름으로 묶어 익힐 때 훨씬 빨리 손에 붙는다.

1. 와이어프레임을 빨리 만들 때는 F로 프레임을 만들고, R과 T로 내용물을 놓은 다음, Shift+A로 오토 레이아웃을 적용한다.

2. 비슷한 카드나 버튼을 늘릴 때는 ⌘D / Ctrl+D로 복제하고, ⌘⌥C, ⌘⌥V / Ctrl+Alt+C, Ctrl+Alt+V로 스타일을 통일한다.

3. 중첩 구조 안쪽을 고칠 때는 마우스로 레이어 패널을 뒤지지 말고 ⌘/Ctrl+클릭, Enter, Shift+Enter 세 가지로 해결한다.

4. 발표 직전에는 ⌘\ / Ctrl+\, Shift+1, Shift+Space를 순서대로 눌러 화면을 정리하고 흐름을 확인한다.

정말 최소만 외운다면

딱 여덟 개만 외워도 체감이 크다.

• V 이동

• F 프레임

• T 텍스트

• Shift+A 오토 레이아웃

• ⌘D / Ctrl+D 복제

• ⌘⌥K / Ctrl+Alt+K 컴포넌트 만들기

• ⌘/ / Ctrl+/ Actions 메뉴

• ⌘\ / Ctrl+\ UI 숨기기

이 여덟 개가 익숙해지면, 피그마는 더 이상 "툴"이 아니라 "손의 연장"처럼 느껴진다. 속도는 많이 아는 데서 오지 않는다. 자주 쓰는 것을 망설임 없이 누르는 데서 온다.

참고

¹Making the move to UI3: A guide to Figma's next chapter

²Complete Figma Keyboard Shortcuts Cheatsheet

³The Complete Keyboard Shortcuts Guide for Figma | Windows & Mac Compatible

⁴15 useful Figma shortcuts to speed up your workflow