Figma 키보드 단축키
인쇄 가능한 Figma 자주 쓰는 키보드 단축키 참고 카드 (Web / Mac / Windows). 일반 명령, 도구, 선택 및 변형, 텍스트, 도형과 프레임, 컴포넌트와 자동 레이아웃, 뷰와 내보내기를 다룹니다. 키는 플랫폼 간 거의 동일합니다 (Mac은 ⌘, Windows는 Ctrl).
Figma Figma 2024+ (Web / Mac / Windows)
단축키 90개
Common commands16
- 새 파일CtrlN
- 파일 열기 / 빠른 열기 (파일 검색)CtrlO
- 파일 저장 (Figma는 클라우드에 자동 저장)CtrlS (or CtrlAltS for Save As)
- 선택 영역 복제CtrlD
- 복사 / 잘라내기 / 붙여넣기CtrlC / CtrlX / CtrlV
- 같은 위치에 붙여넣기 (또는 속성 복사)CtrlShiftV
- 속성만 복사CtrlAltC (then CtrlAltV to paste)
- 실행 취소 / 다시 실행CtrlZ / CtrlShiftZ
- 선택 영역 그룹화 / 그룹 해제CtrlG / CtrlShiftG
- 선택 영역 프레임화CtrlAltG
- 설명 추가CtrlAltC (or C in canvas)
- UI 켜기 / 끄기 (집중 모드)CtrlAlt\
- 빠른 작업 열기 (명령 막대)Ctrl/
- 눈금자 표시 / 숨기기ShiftR
- 픽셀 격자 표시 / 숨기기Ctrl' (apostrophe)
- 플러그인 / 위젯 열기CtrlAltP (or F2 in canvas)
Tools16
- 이동 도구 (V)V
- 프레임 도구 (F)F
- 사각형 도구 (R)R
- 타원 / 원 도구 (O)O
- 선 도구 (L)L
- 화살표 도구 (Shift+L)ShiftL
- 다각형 도구(no default key — use Rectangledrag)
- 펜 도구 (P)P
- 연필 도구 (Shift+P)ShiftP
- 텍스트 도구 (T)T
- 설명 도구 (캔버스의 C)C
- 손 도구 (H 또는 Space 누르기)H (or hold Space)
- 슬라이스 / 자르기 도구K (or S)
- 스포이트 / 색 선택I
- 이미지 추가 (배치)CtrlShiftK
- 모든 도구 재설정 (선택 해제)Escape
Selection & transform15
- 현재 페이지에서 모두 선택CtrlA
- 모든 레이어 선택 (페이지 전체)CtrlAltA
- 깊이 선택 (그룹 내부 선택)CtrlClick (or double-click group)
- 자식 / 부모 선택Enter (into) / ShiftEnter (out of)
- 레이어 유형별 선택 (예: 모든 텍스트)CtrlAltT (or via filter menu)
- 선택 영역을 1px 단위로 이동↑ / ↓ / ← / → (arrow keys)
- 선택 영역을 10px 단위로 이동 (Shift 누르기)Shift↑ / ↓ / ← / →
- 순서 변경: 맨 앞으로 / 맨 뒤로CtrlShift] / CtrlShift[
- 순서 변경: 앞으로 / 뒤로Ctrl] / Ctrl[
- 선택 영역 잠금 / 잠금 해제CtrlAltL
- 선택 영역 숨기기 / 표시CtrlAltH
- 레이어 표시 / 숨기기 토글CtrlShiftH (in layer panel)
- 레이어 잠금 토글CtrlShiftL (in layer panel)
- 그룹화 / 그룹 해제CtrlG / CtrlShiftG
- 현재 프레임의 모든 레이어 선택CtrlAltA (in canvas)
Text10
- 텍스트 편집 (텍스트 편집 모드 시작)Enter (or double-click text)
- 텍스트 편집 모드 종료Escape
- 현재 텍스트 상자의 모든 텍스트 선택CtrlA (in text edit)
- 굵게 / 기울임꼴 / 밑줄CtrlB / CtrlI / CtrlU
- 취소선 / 밑줄 (더 엄격하게)CtrlShiftX
- 텍스트에 링크 만들기 / 제거CtrlK
- 텍스트 줄 바꿈 삽입 (줄 / 부드러운 줄 바꿈)ShiftEnter
- 텍스트 스타일 재정의 적용 / 지우기CtrlAltS / CtrlAltR
- 텍스트 자동 너비 / 자동 높이 설정CtrlAltShiftX / CtrlAltShiftY
- 텍스트 스타일 패널CtrlShiftT (in design mode)
Shapes, frames, vectors10
- 현재 크기로 프레임 만들기 (V 도구 사용)F then drag
- 선택 영역 프레임화 (Cmd+Opt+G)CtrlAltG
- 구성 요소로 변환CtrlAltK
- 구성 요소 인스턴스 만들기CtrlAltV (or drag from Assets panel)
- 인스턴스 / 구성 요소 분리CtrlAltB
- 부울 연산: 합집합 / 차집합 / 교집합 / 제외CtrlAltU / S / I / X (or via panel)
- 선택 영역 평면화 (부울 합집합)CtrlAltE (or CtrlE)
- 마스크로 사용 (또는 클리핑 마스크 만들기)CtrlAltM
- 선 윤곽선 (선을 채우기로 변환)CtrlAltO
- 경로 방향 반전ShiftR (in pen mode)
Auto layout & components10
- 선택 영역에 자동 레이아웃 추가ShiftAltA
- 자동 레이아웃 제거AltShiftA (with layout selected)
- 자동 레이아웃 방향 전환 (가로 / 세로)AltA, H / V (in right panel)
- 선택 영역에서 구성 요소 만들기CtrlAltK
- 기본 구성 요소 열기CtrlAltO (or via Assets panel)
- 기본 구성 요소로 이동 (인스턴스에서)CtrlAltClick (on instance)
- 인스턴스의 모든 재정의 재설정CtrlAltR (right-click → Reset instance)
- 재정의를 기본 구성 요소로 밀어넣기AltClick push icon (top-right of instance)
- 인스턴스 분리CtrlAltB (or right-click → Detach)
- 변형 속성 추가Click on component → Add property in right panel
View, zoom, export13
- 확대 / 축소Ctrl/ Ctrl- (or Zdrag)
- 선택 영역에 맞춰 확대Shift2 (or Shift1 on numeric keypad)
- 모든 콘텐츠에 맞춰 확대Shift1
- 실제 크기로 확대 (100%)Shift0
- 캔버스 이동 (Space 누르고 드래그)Hold Space
- 손 도구 (임시)Hold H (or Space held)
- UI 토글 (집중 모드)CtrlAlt\
- UI 패널 표시 / 숨기기 (왼쪽 + 오른쪽)CtrlAlt\ (in canvas)
- 디자인 모드로 전환 (프로토타입에서)CtrlAltD (or via tab)
- 프로토타입 / 개발 모드로 전환CtrlAltP (or via tab)
- 선택 영역 내보내기 (PNG / SVG / PDF)CtrlShiftE (or via Export panel)
- PNG / SVG로 클립보드에 복사CtrlShiftC (selection → export → Copy as PNG)
- 다크 / 라이트 테마 토글AltShiftT
Figma 단축키 소개
Figma는 웹 기반 UI/UX 디자인 도구로, 2024년 Stack Overflow 조사에서 디자이너 시장의 40% 이상, 새 스타트업 디자인 작업의 80%를 차지하고 있습니다. Figma의 단축키 생태계는 단일 키(V, F, R, O, L, P, T, H)로 도구를 전환하고 ⌘/Ctrl 수식어로 작업을 실행하는 방식으로, 키보드 중심 디자인에 대한 초기 베팅이 모든 경쟁사에 영향을 미쳤습니다. Figma는 Mac과 Windows의 브라우저에서 실행되며 키 레이아웃이 완전히 동일합니다(Mac의 ⌘ = Win의 Ctrl). 본 참고 카드는 가장 자주 쓰는 100+ 단축키를 7개 기능별로 분류합니다: 일반, 도구, 선택 및 변형, 텍스트, 도형/프레임/벡터, 자동 레이아웃과 컴포넌트, 뷰와 내보내기. 모든 항목은 Figma의 공식 문서에서 전사한 것입니다. 사용 방법 - 페이지 상단에서 플랫폼(Windows / macOS)을 선택하세요 — 키가 즉시 변경됩니다. - 임의의 단어나 키 조합을 검색하세요. - 행의 "복사" 버튼을 클릭하여 키 문자열을 얻으세요. - PNG(2400×1140 가로)를 배경화면으로, PDF를 A4 가로 한 페이지 참고 자료로 내보내세요. 팁 - F = 프레임, R = 사각형, O = 타원, T = 텍스트, P = 펜, H = 손 — 단일 키로 홈 키에서 손을 떼지 않고 도구 전환. - 스페이스를 길게 누르면 캔버스를 일시적으로 팬(손 도구로 전환할 필요 없음). - ⌥⌘K(Mac은 ⌥⌘K)로 선택 영역을 컴포넌트로 변환 — Figma에서 가장 많이 사용되는 단축키. - ⌥⌘G로 선택 영역에 프레임 추가(자동 레이아웃에서 가장 유연한 그룹화). - ⌘/로 빠른 작업 표시줄 열기 — 작업을 이름으로 검색 가능. 왜 vscode-shortcuts와 통합하지 않나요? Figma는 디자인 도구이지 코드 편집기가 아닙니다. 약간의 중복(복사/붙여넣기, 실행 취소/다시 실행)이 있지만 도구 선택과 컴포넌트 워크플로에서 분기합니다. 분리로 각 도구가 집중됩니다.
면책 조항
본 단축키 조회 웹사이트는제3자 비공식 도구로서, 페이지에 언급된 모든 소프트웨어 제품의 상표권자와 어떠한 계열, 투자, 라이선스, 공식 제휴 관계도 없습니다.
사이트의 모든 단축키 정보는 공개된 자료 및 로컬 환경에서의 실측을 기반으로 학습·참고 목적으로만 제공되며, 소프트웨어 모든 버전에 대해 절대적 정확성·완전성·실시간 호환성을 보장하지 않습니다. 소프트웨어 버전 및 시스템 환경에 따라 단축키 동작이 다를 수 있으므로 각 소프트웨어의 공식 문서를 기준으로 삼아 주십시오.
페이지에 표시되는 모든 제품명, 상표, 로고는 해당 저작권자/상표권자의 자산이며, 대응하는 소프트웨어를 식별하기 위한 기술적 사용(descriptive use)일 뿐, 상표권자의 허락이나 추천을 의미하지 않습니다.
저작권자 또는 상표권자가 사이트의 일부 내용에 대해 권리 침해가 있다고 판단하시는 경우 [email protected]으로 이메일을 보내 주십시오. 유효한 권리 증명을 받은 후 합리적인 기간 내에 관련 내용을 수정하거나 삭제하겠습니다.
본 사이트는 사이트 정보의 이용으로 인해 발생하는 어떠한 직접적 또는 간접적 손해에 대해서도 법적 책임을 지지 않습니다.
버전 1.0.1