Figma 鍵盤快速鍵

可列印嘅 Figma 常用快速鍵參考卡(Web / Mac / Windows)。涵蓋通用命令、工具、選取與變換、文字、形狀與畫板、組件與自動佈局、檢視與匯出。鍵位跨平台幾乎一致(Mac 用 ⌘,Win 用 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
  • 平移畫布(按住空格 + 拖曳)
    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 係基於 Web 嘅 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 = 抓手——單字母令你唔離開主鍵行就能切換工具。 - 按住 Space 臨時平移畫布(無需切換到抓手工具)。 - Ctrl+Alt+K(Mac 係 ⌥⌘K)將選區轉換為組件——Figma 最常用嘅快速鍵。 - Ctrl+Alt+G / ⌥⌘G 畀選區加畫板(自動佈局下最靈活嘅分組方式)。 - Ctrl+/ 打開快速操作欄——輸入搵任何操作。 點解 Figma 唔同 vscode-shortcuts 合併?Figma 係設計工具,唔係代碼編輯。兩者有少量重疊(複製貼上、撤銷重做)但喺工具選擇同組件工作流上分叉。分開令每個工具都聚焦。

版本 1.0.0