Figmaのショートカットキー一覧：作業効率が3倍になる基本操作

Posted on by

Figmaでショートカットを使うメリット

デザイン作業中、「マウスでクリック→メニューを開く→設定を探す」
この動作、1回なら大したことなくても、1日中続けると大きな差になります。

そんなときに威力を発揮するのが ショートカットキー（キーボード操作） です。
覚えておくだけで、作業スピードが2倍、3倍になることも珍しくありません。

Figmaは特にショートカットが充実しているツール。
初心者でもすぐ使える基本操作を中心に、カテゴリ別で紹介します。

【基礎操作】まず覚えるべき共通ショートカット

操作WindowsMac
新しいファイルを作成Ctrl + N⌘ + N
保存（自動保存ですが手動更新時）Ctrl + S⌘ + S
元に戻す（Undo）Ctrl + Z⌘ + Z
やり直す（Redo）Ctrl + Shift + Z⌘ + Shift + Z
コピーCtrl + C⌘ + C
ペーストCtrl + V⌘ + V
複製（Duplicate）Ctrl + D⌘ + D
削除DeleteDelete
すべて選択Ctrl + A⌘ + A
グループ化Ctrl + G⌘ + G
グループ解除Ctrl + Shift + G⌘ + Shift + G

ポイント
「Cmd（⌘）」＝「Ctrl」に置き換えれば、MacとWindowsどちらでも感覚的に覚えられます。

【ツール操作】図形・テキストをサッと呼び出す

操作Windows / Mac 共通
フレーム作成F
四角形ツールR
円ツールO
線ツールL
ペンツール（ベクター）P
テキストツールT
移動ツール（Move）V
スライスツール（Slice）S
コメントモードC
拡大Ctrl（⌘） + +
縮小Ctrl（⌘） + –

コツ
最初に R（四角形）と T（テキスト）だけでも覚えておくと、デザインが一気に快適になります。

【整列・配置】レイアウトをきれいに整える

操作WindowsMac
左揃えAlt + A⌥ + A
中央揃え（横）Alt + H⌥ + H
右揃えAlt + D⌥ + D
上揃えAlt + W⌥ + W
中央揃え（縦）Alt + V⌥ + V
下揃えAlt + S⌥ + S
整列メニュー表示Shift + AShift + A
均等配置Alt + Shift + H / V⌥ + Shift + H / V

ポイント
「Alt（Option）」＋「H/V（Horizontal/Vertical）」で横・縦の中央揃えができます。
デザインを“ビシッ”と整える魔法のショートカットです。

【レイヤー管理】整理・複製を素早く行う

操作WindowsMac
前面に移動Ctrl + ]⌘ + ]
背面に移動Ctrl + [⌘ + [
最前面に移動Ctrl + Shift + ]⌘ + Shift + ]
最背面に移動Ctrl + Shift + [⌘ + Shift + [
ロック（編集不可に）Ctrl + Shift + L⌘ + Shift + L
非表示Ctrl + Shift + H⌘ + Shift + H
名前変更EnterEnter
コンポーネント化Ctrl + Alt + K⌘ + Option + K

コツ
「Ctrl（⌘）＋Shift＋H」で非表示切替できるのは地味に便利！
要素が多いデザインで重なりを確認するときに重宝します。

【ズーム・ナビゲーション】大きなキャンバスを快適に動かす

操作WindowsMac
ズームインCtrl + +⌘ + +
ズームアウトCtrl + –⌘ + –
ズームをリセットShift + 1Shift + 1
選択範囲にズームShift + 2Shift + 2
100%表示Ctrl + 0⌘ + 0
キャンバス全体表示Shift + 1Shift + 1
手のひらツール（パン）スペースキー + ドラッグ同左

コツ

  • Shift + 2 → 選択した部分にズーム
  • Shift + 1 → 全体表示
    この2つを交互に使うだけで、Figma内の移動が超スムーズになります。

【テキスト編集】フォントやスタイルをすぐ変更

操作WindowsMac
太字Ctrl + B⌘ + B
斜体Ctrl + I⌘ + I
下線Ctrl + U⌘ + U
文字サイズを大きくCtrl + Shift + >⌘ + Shift + >
文字サイズを小さくCtrl + Shift + <⌘ + Shift + <
文字間隔の調整Alt + ← / →⌥ + ← / →
行間の調整Alt + ↑ / ↓⌥ + ↑ / ↓

コツ
フォントサイズや文字間をショートカットで変えると、見た目の調整が直感的になります。
特に見出しやボタンのテキスト調整でよく使います。

【コンポーネント・オートレイアウト】効率を上げるプロ向け操作

操作WindowsMac
コンポーネント作成Ctrl + Alt + K⌘ + Option + K
コンポーネント解除Ctrl + Alt + B⌘ + Option + B
オートレイアウト追加Shift + AShift + A
オートレイアウト解除Shift + Alt + AShift + Option + A
スマート選択Ctrl + Alt + クリック⌘ + Option + クリック

ポイント

  • Shift + A でオートレイアウト
  • Shift + Alt + A で解除
    Figma中級者への第一歩です。
    カード・リスト・ボタンなどの整列に欠かせません。

【便利機能】知ってると差がつく“裏技ショートカット”

操作WindowsMac
グリッド表示切替Ctrl + ‘⌘ + ‘
スマートガイド表示切替Ctrl + ;⌘ + ;
スナップON/OFFCtrl + Shift + ‘⌘ + Shift + ‘
透過プレビューShift + OShift + O
プロトタイプモード切替PP
コメントモード切替CC

小ワザ
「Ctrl + ;」でガイド線をON/OFFできるのは地味に便利。
作業途中の確認やスクリーンショット時にスッキリ見せられます。

まとめ：ショートカットは“慣れ”がすべて

Figmaのショートカットは多く感じるかもしれませんが、
まずは「よく使う5〜10個」だけ覚えれば十分です。

おすすめ最初の10個

  1. R：四角形ツール
  2. T：テキストツール
  3. Ctrl + G：グループ化
  4. Shift + A：オートレイアウト
  5. Ctrl + D：複製
  6. Ctrl + Z：元に戻す
  7. Shift + 1：全体表示
  8. Ctrl + ]：前面に移動
  9. Ctrl + ;：ガイド表示切替
  10. C：コメントモード

ショートカットを覚えれば、「デザイン作業＝リズム作業」になります。
作業スピードが上がり、集中力も途切れません。

最初はゆっくりでもOK。
1週間で“指が覚える”ようになります。