「Figma」のキーボードショートカット完全ガイド|Windows・Mac対応のサムネイル

「Figma」のキーボードショートカット完全ガイド|Windows・Mac対応

UI/UXデザインツール「Figma」の公式ショートカットをガイド。Windows・Mac両対応で、基本操作からコンポーネント、プロトタイピングまで作業効率を劇的に向上させるキーボード操作を体系的に解説します。

公開日: 2025.10.27

編集ノート: keyboardistaでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。

基本操作

Figmaの基本操作ショートカットは、OSのものとほとんど同じですが、一部異なるものがあるため、そちらをメインで掲載しました。そこまで多くない割に、比較的使うキーなので覚えてしまいましょう。

動作ショートカット
その場にペースト
PNGとしてコピー
CtrlShiftCmd (⌘)C
複製
CtrlCmd (⌘)D
選択解除
ESC
クイックアクション
CtrlCmd (⌘)
キーボードショートカット一覧
CtrlShift
選択の逆転
CtrlShiftCmd (⌘)A
エクスポート
CtrlShiftCmd (⌘)E
デザイン/プロトタイプタブ切替
ShiftE
プロトタイプのプレビュー
CtrlAltOption (⌥)Cmd (⌘)Enter

ツール

デザインワークフローで最も利用頻度の高い「ツール」のショートカットです。ほとんどのツールは単一キーで切り替えができるため、ここを覚えておくと素早い作図や編集の効率化につながります。

動作ショートカット
移動ツール
V
フレームツール
F
ペンツール
P
鉛筆ツール
ShiftP
テキストツール
T
長方形ツール
R
楕円ツール
O
線ツール
L
矢印ツール
ShiftL
スライスツール
S
スケールツール
K
ハンドツール
HSpace
カラーピッカー
I
コメント
C

表示・ビュー

ワークスペースのレイアウトや表示状態をすばやく調整できるショートカットです。使用頻度が低いように思えるコマンドが多いですが、フレームの移動やズームイン・アウトなど、実は頻繁に使うキーが多いので、しっかり覚えましょう。

動作ショートカット
UIの表示/非表示
CtrlCmd (⌘)\
左サイドバーの表示/非表示
Shift\
ズームイン
CtrlShiftCmd (⌘)
ズームアウト
CtrlShiftCmd (⌘)-
100%表示
CtrlShiftCmd (⌘)0
全体を表示
Shift1
選択範囲を表示
Shift2
前のフレームへ
ShiftN
次のフレームへ
N
ルーラーの表示/非表示
ShiftR
アウトライン表示
CtrlCmd (⌘)Y
ピクセルプレビュー
CtrlShiftCmd (⌘)P
レイアウトグリッドの表示/非表示
CtrlShiftCmd (⌘)G
ピクセルグリッドの表示/非表示
CtrlCmd (⌘)QUOTE
マルチプレイヤーカーソルの表示/非表示
CtrlAltOption (⌥)Cmd (⌘)\

レイヤー・選択

Figmaで本格的なデザインを始めると、必ず頻繁に使うようになるのがレイヤーやグループの階層操作。ここをキーボード操作できるようになると格段にスピードアップができるようになり、中級者レベルになれると言っても過言ではありません。

動作ショートカット
レイヤーパネルを開く
AltOption (⌥)1
アセットパネルを開く
AltOption (⌥)2
チームライブラリを開く
AltOption (⌥)3
デザインパネルを開く
AltOption (⌥)8
プロトタイプパネルを開く
AltOption (⌥)9
ダイレクト選択
CtrlCmd (⌘)
子要素を選択
Enter
親要素を選択
Shift\Enter
複数選択に追加
Shift
レイヤー間を選択
Shift
キーボードボックス選択ツール
CtrlOption (⌥)Space
すべてのレイヤーを折りたたむ
AltOption (⌥)L
次の兄弟レイヤーを選択
Tab
前の兄弟レイヤーを選択
ShiftTab

編集・整列

オブジェクトの操作の中でも頻出なのが、「整列」「グループ管理」など複数オブジェクトを効率よく処理する高速ショートカット群です。アイコンクリックでも操作できますが、覚えておくと作業のスピードアップが可能になります。

動作ショートカット
グループ化
CtrlCmd (⌘)G
グループ解除
CtrlShiftCmd (⌘)BackspaceG
フレーム化
CtrlAltOption (⌥)Cmd (⌘)G
オートレイアウト
ShiftA
オートレイアウト提案
CtrlShiftAltCmd (⌘)A
左揃え
AltOption (⌥)A
右揃え
AltOption (⌥)D
上揃え
AltOption (⌥)W
下揃え
AltOption (⌥)S
水平方向中央揃え
AltOption (⌥)H
垂直方向中央揃え
AltOption (⌥)V
要素の表示/非表示
CtrlShiftCmd (⌘)H
要素のロック/アンロック
CtrlShiftCmd (⌘)L
前面へ移動
CtrlCmd (⌘)]
最前面へ移動
CtrlShiftCmd (⌘)]
背面へ移動
CtrlCmd (⌘)[
最背面へ移動
CtrlShiftCmd (⌘)[
左右反転
ShiftH
上下反転
ShiftV

コンポーネント

Figmaの「コンポーネント」はのショートカットです。頻度を考えるとマスターの優先度はあまり高くないかもしれません。

動作ショートカット
コンポーネント作成
CtrlAltOption (⌥)Cmd (⌘)K
インスタンスの切り離し
CtrlAltOption (⌥)Cmd (⌘)B
インスタンスを挿入
ShiftI
スタイルをコピー
CtrlAltOption (⌥)Cmd (⌘)C
スタイルをペースト
CtrlAltOption (⌥)Cmd (⌘)V
貼り付けて置き換え
CtrlShiftCmd (⌘)R

テキスト編集

Figmaの作業でも頻出なテキストの編集。ここは確実にショートカットを覚えましょう。

UIからも操作できますが、誤クリックが発生しやすいため、キーボードショートカットで作業してしまったほうが確実。また、割り当ても「B(Bold)」「U(Underline)」など直感的なものが多いので、覚えやすいのもメリットです。

動作ショートカット
テキスト編集モード
Enter
フォントサイズ拡大
CtrlShiftCmd (⌘)
フォントサイズ縮小
CtrlShiftCmd (⌘)
太字
CtrlCmd (⌘)B
斜体
CtrlCmd (⌘)I
下線
CtrlCmd (⌘)U
取り消し線
CtrlShiftCmd (⌘)X
左寄せ
CtrlAltOption (⌥)Cmd (⌘)L
中央寄せ
CtrlAltOption (⌥)Cmd (⌘)T
右寄せ
CtrlAltOption (⌥)Cmd (⌘)R
両端揃え
CtrlAltOption (⌥)Cmd (⌘)J
文字間隔を拡大
AltOption (⌥)
文字間隔を縮小
AltOption (⌥)
行間隔を拡大
ShiftAltOption (⌥)
行間隔を縮小
ShiftAltOption (⌥)

移動・リサイズ

オブジェクトの移動は「Alt」や「Shift」など修飾キーの組み合わせで移動・拡大縮小・複製ができます。移動系は比較的使うので、覚えにくいですが、マスターしましょう。

動作ショートカット
中心からリサイズ(リサイズ中)
AltOption (⌥)
比率を保持してリサイズ(リサイズ中)
Shift
複製しながら移動(移動中)
AltOption (⌥)
測定距離を表示(ポイント中)
AltOption (⌥)

塗りと線

続いて、塗りと線。この辺りからややレベルが高くなってくるため、上級者向けとも言えます。

動作ショートカット
塗りを削除
ShiftX
線を削除
AltOption (⌥)X
塗りと線を交換
X

図形の編集

パス編集や図形モードの調整、マスクやアウトライン化まで図形操作に特化したショートカット。ここまでくると使い方によっては、コマンド自体を使うことがないというケースもあるので、自分が頻繁に使うコマンドを覚えれば良いでしょう、

動作ショートカット
図形を編集
Enter
選択範囲をフラット化
CtrlCmd (⌘)E
選択範囲を結合
CtrlCmd (⌘)J
選択範囲を削除して修復
CtrlAltOption (⌥)Cmd (⌘)
マスクを使用
CtrlCmd (⌘)M
線をアウトライン化
ShiftO
不透明度を10%に設定
1
不透明度を50%に設定
5
不透明度を100%に設定
0