
「Figma」のキーボードショートカット完全ガイド|Windows・Mac対応
UI/UXデザインツール「Figma」の公式ショートカットをガイド。Windows・Mac両対応で、基本操作からコンポーネント、プロトタイピングまで作業効率を劇的に向上させるキーボード操作を体系的に解説します。
公開日: 2025.10.27
基本操作
Figmaの基本操作ショートカットは、OSのものとほとんど同じですが、一部異なるものがあるため、そちらをメインで掲載しました。そこまで多くない割に、比較的使うキーなので覚えてしまいましょう。
| 動作 | ショートカット |
|---|---|
| その場にペースト | 右クリック → Paste here |
| PNGとしてコピー | Ctrl + Shift + C ⌘ + Shift + C |
| 複製 | Ctrl + D ⌘ + D |
| 選択解除 | Esc |
| クイックアクション | Ctrl + / ⌘ + / |
| キーボードショートカット一覧 | Ctrl + Shift + ? Control + Shift + ? |
| 選択の逆転 | Ctrl + Shift + A ⌘ + Shift + A |
| エクスポート | Ctrl + Shift + E ⌘ + Shift + E |
| デザイン/プロトタイプタブ切替 | Shift + E |
| プロトタイプのプレビュー | Ctrl + Alt + Enter ⌘ + Option + Enter |
ツール
デザインワークフローで最も利用頻度の高い「ツール」のショートカットです。ほとんどのツールは単一キーで切り替えができるため、ここを覚えておくと素早い作図や編集の効率化につながります。
| 動作 | ショートカット |
|---|---|
| 移動ツール | V |
| フレームツール | F |
| ペンツール | P |
| 鉛筆ツール | Shift + P |
| テキストツール | T |
| 長方形ツール | R |
| 楕円ツール | O |
| 線ツール | L |
| 矢印ツール | Shift + L |
| スライスツール | S |
| スケールツール | K |
| ハンドツール | H Space(一時的) |
| カラーピッカー | I |
| コメント | C |
表示・ビュー
ワークスペースのレイアウトや表示状態をすばやく調整できるショートカットです。使用頻度が低いように思えるコマンドが多いですが、フレームの移動やズームイン・アウトなど、実は頻繁に使うキーが多いので、しっかり覚えましょう。
| 動作 | ショートカット |
|---|---|
| UIの表示/非表示 | Ctrl + <br>⌘ + | |
| 左サイドバーの表示/非表示 | Shift + | |
| ズームイン | Ctrl + + ⌘ + + Shift + + |
| ズームアウト | Ctrl + - ⌘ + - Shift + - |
| 100%表示 | Ctrl + 0 ⌘ + 0 Shift + 0 |
| 全体を表示 | Shift + 1 |
| 選択範囲を表示 | Shift + 2 |
| 前のフレームへ | Shift + N |
| 次のフレームへ | N |
| ルーラーの表示/非表示 | Shift + R |
| アウトライン表示 | Ctrl + Y ⌘ + Y |
| ピクセルプレビュー | Ctrl + Shift + P ⌘ + Shift + P |
| レイアウトグリッドの表示/非表示 | Ctrl + Shift + G ⌘ + Shift + G |
| ピクセルグリッドの表示/非表示 | Ctrl + ' ⌘ + ' |
| マルチプレイヤーカーソルの表示/非表示 | Ctrl + Alt + <br>⌘ + Option + | |
レイヤー・選択
Figmaで本格的なデザインを始めると、必ず頻繁に使うようになるのがレイヤーやグループの階層操作。ここをキーボード操作できるようになると格段にスピードアップができるようになり、中級者レベルになれると言っても過言ではありません。
| 動作 | ショートカット |
|---|---|
| レイヤーパネルを開く | Alt + 1 Option + 1 |
| アセットパネルを開く | Alt + 2 Option + 2 |
| チームライブラリを開く | Alt + 3 Option + 3 |
| デザインパネルを開く | Alt + 8 Option + 8 |
| プロトタイプパネルを開く | Alt + 9 Option + 9 |
| ダイレクト選択 | Ctrl + クリック ⌘ + クリック |
| 子要素を選択 | Enter |
| 親要素を選択 | Shift + Enter | |
| 複数選択に追加 | Shift + クリック |
| レイヤー間を選択 | Shift + クリック(最初と最後) |
| キーボードボックス選択ツール | Ctrl + Space Option + Space |
| すべてのレイヤーを折りたたむ | Alt + L Option + L |
| 次の兄弟レイヤーを選択 | Tab |
| 前の兄弟レイヤーを選択 | Shift + Tab |
編集・整列
オブジェクトの操作の中でも頻出なのが、「整列」「グループ管理」など複数オブジェクトを効率よく処理する高速ショートカット群です。アイコンクリックでも操作できますが、覚えておくと作業のスピードアップが可能になります。
| 動作 | ショートカット |
|---|---|
| グループ化 | Ctrl + G ⌘ + G |
| グループ解除 | Ctrl + Shift + G ⌘ + Shift + G Ctrl + Backspace |
| フレーム化 | Ctrl + Alt + G ⌘ + Option + G |
| オートレイアウト | Shift + A |
| オートレイアウト提案 | Ctrl + Alt + Shift + A ⌘ + Control + Shift + A |
| 左揃え | Alt + A Option + A |
| 右揃え | Alt + D Option + D |
| 上揃え | Alt + W Option + W |
| 下揃え | Alt + S Option + S |
| 水平方向中央揃え | Alt + H Option + H |
| 垂直方向中央揃え | Alt + V Option + V |
| 要素の表示/非表示 | Ctrl + Shift + H ⌘ + Shift + H |
| 要素のロック/アンロック | Ctrl + Shift + L ⌘ + Shift + L |
| 前面へ移動 | ] Ctrl + ] ⌘ + ] |
| 最前面へ移動 | Ctrl + Shift + ] ⌘ + Shift + ] |
| 背面へ移動 | [ Ctrl + [ ⌘ + [ |
| 最背面へ移動 | Ctrl + Shift + [ ⌘ + Shift + [ |
| 左右反転 | Shift + H |
| 上下反転 | Shift + V |
コンポーネント
Figmaの「コンポーネント」はのショートカットです。頻度を考えるとマスターの優先度はあまり高くないかもしれません。
| 動作 | ショートカット |
|---|---|
| コンポーネント作成 | Ctrl + Alt + K ⌘ + Option + K |
| インスタンスの切り離し | Ctrl + Alt + B ⌘ + Option + B |
| インスタンスを挿入 | Shift + I |
| スタイルをコピー | Ctrl + Alt + C ⌘ + Option + C |
| スタイルをペースト | Ctrl + Alt + V ⌘ + Option + V |
| 貼り付けて置き換え | Ctrl + Shift + R ⌘ + Shift + R |
テキスト編集
Figmaの作業でも頻出なテキストの編集。ここは確実にショートカットを覚えましょう。
UIからも操作できますが、誤クリックが発生しやすいため、キーボードショートカットで作業してしまったほうが確実。また、割り当ても「B(Bold)」「U(Underline)」など直感的なものが多いので、覚えやすいのもメリットです。
| 動作 | ショートカット |
|---|---|
| テキスト編集モード | Enter |
| フォントサイズ拡大 | Ctrl + Shift + > ⌘ + Shift + > |
| フォントサイズ縮小 | Ctrl + Shift + < ⌘ + Shift + < |
| 太字 | Ctrl + B ⌘ + B |
| 斜体 | Ctrl + I ⌘ + I |
| 下線 | Ctrl + U ⌘ + U |
| 取り消し線 | Ctrl + Shift + X ⌘ + Shift + X |
| 左寄せ | Ctrl + Alt + L ⌘ + Option + L |
| 中央寄せ | Ctrl + Alt + T ⌘ + Option + T |
| 右寄せ | Ctrl + Alt + R ⌘ + Option + R |
| 両端揃え | Ctrl + Alt + J ⌘ + Option + J |
| 文字間隔を拡大 | Alt + > Option + > |
| 文字間隔を縮小 | Alt + < Option + < |
| 行間隔を拡大 | Alt + Shift + > Option + Shift + > |
| 行間隔を縮小 | Alt + Shift + < Option + Shift + < |
移動・リサイズ
オブジェクトの移動は「Alt」や「Shift」など修飾キーの組み合わせで移動・拡大縮小・複製ができます。移動系は比較的使うので、覚えにくいですが、マスターしましょう。
| 動作 | ショートカット |
|---|---|
| 中心からリサイズ(リサイズ中) | Alt + ドラッグ Option + ドラッグ |
| 比率を保持してリサイズ(リサイズ中) | Shift + ドラッグ |
| 複製しながら移動(移動中) | Alt + ドラッグ Option + ドラッグ |
| 測定距離を表示(ポイント中) | Alt Option |
塗りと線
続いて、塗りと線。この辺りからややレベルが高くなってくるため、上級者向けとも言えます。
| 動作 | ショートカット |
|---|---|
| 塗りを削除 | Shift + X |
| 線を削除 | Alt + X Option + X |
| 塗りと線を交換 | X |
図形の編集
パス編集や図形モードの調整、マスクやアウトライン化まで図形操作に特化したショートカット。ここまでくると使い方によっては、コマンド自体を使うことがないというケースもあるので、自分が頻繁に使うコマンドを覚えれば良いでしょう、
| 動作 | ショートカット |
|---|---|
| 図形を編集 | Enter |
| 選択範囲をフラット化 | Ctrl + E ⌘ + E |
| 選択範囲を結合 | Ctrl + J ⌘ + J |
| 選択範囲を削除して修復 | Ctrl + Alt + / ⌘ + Option + / |
| マスクを使用 | Ctrl + M ⌘ + M |
| 線をアウトライン化 | Shift + O |
| 不透明度を10%に設定 | 1 |
| 不透明度を50%に設定 | 5 |
| 不透明度を100%に設定 | 0 |