Figma 키보드 단축키

인쇄 가능한 Figma 자주 쓰는 키보드 단축키 참고 카드 (Web / Mac / Windows). 일반 명령, 도구, 선택 및 변형, 텍스트, 도형과 프레임, 컴포넌트와 자동 레이아웃, 뷰와 내보내기를 다룹니다. 키는 플랫폼 간 거의 동일합니다 (Mac은 ⌘, Windows는 Ctrl).

Fg

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는 디자인 도구이지 코드 편집기가 아닙니다. 약간의 중복(복사/붙여넣기, 실행 취소/다시 실행)이 있지만 도구 선택과 컴포넌트 워크플로에서 분기합니다. 분리로 각 도구가 집중됩니다.

버전 1.0.1