Keyhab
⌘/
Figma

Figma ショートカット一覧(チートシート)Mac / Windows 対応

Figma のショートカットを操作別にまとめた一覧表。ツール切り替え、選択、オートレイアウト、整列、ブール演算、テキスト、プロトタイプまで70個を Mac / Windows 対応で掲載しています。

この記事の使い方

引くための一覧です。「まず何から覚えるか」を知りたい場合は基本編の記事が向いています。ここでは作業の種類ごとに並べました。

Windows では Cmd を Ctrl、Opt を Alt に読み替えてください。Figma はこの読み替えがほぼそのまま通じます(マスクだけは例外で、表に併記しました)。

ツール切り替え(1キー)

キーツール
V移動
Fフレーム
R長方形
O楕円
Tテキスト
L線
Shift + L矢印
Pペン
Shift + P鉛筆
Kスケール
Sスライス
Cコメント
H手のひら
Iスポイト(カラーピッカー)

修飾キーなしの1文字です。Figma がドキュメント編集より「お絵描きアプリ」に近い部分。

選ぶ・動かす

ショートカット操作
Cmd + Aすべて選択
Cmd + Opt + A同じレイヤーをすべて選択(バリアント内で使う機能)
Cmd + Shift + A選択を反転
Enter子要素に入る
Shift + Enter親要素に戻る
Tab / Shift + Tab次/前のレイヤーを選択
Cmd + クリック奥のレイヤーを直接選択
Opt + ドラッグ複製しながら移動
Shift + ドラッグ縦横比を保って拡大縮小
Space + ドラッグキャンバスを移動
Cmd + Shift + L選択をロック/解除
Cmd + Shift + H選択の表示/非表示

Enter と Shift + Enter は覚える価値があります。入れ子のフレームをキーボードで出入りできると、レイヤーパネルを触る回数が激減します。

まとめる(グループ・フレーム・コンポーネント)

ショートカット操作
Cmd + Gグループ化
Cmd + Shift + Gグループ解除
Cmd + Opt + Gフレーム化
Cmd + Opt + Kコンポーネントを作成
Cmd + Opt + Bインスタンスを分離
Shift + Aオートレイアウトを追加
Opt + Shift + Aオートレイアウトを削除
Ctrl + Opt + T整頓(Tidy Up)
Cmd + E統合(Flatten)
Ctrl + Cmd + Mマスクとして使用(Windows は Ctrl + Alt + M)
Cmd + Rレイヤー名を変更

重なり順

ショートカット操作
Cmd + ]前面に移動
Cmd + [背面に移動

整列・分布

ショートカット操作
Opt + A左揃え
Opt + D右揃え
Opt + W上揃え
Opt + S下揃え
Opt + H水平方向の中央揃え
Opt + V垂直方向の中央揃え
Ctrl + Opt + H水平方向に等間隔で分布
Ctrl + Opt + V垂直方向に等間隔で分布

整列は、ツールバーの右端までカーソルを往復させる操作なので、ショートカットの効果がいちばん大きいところです。

ブール演算

ショートカット操作
Opt + Shift + U合体
Opt + Shift + S前面オブジェクトで型抜き
Opt + Shift + I交差
Opt + Shift + E中マド

コピー・プロパティ

ショートカット操作
Cmd + D複製
Cmd + Opt + Cプロパティをコピー
Cmd + Opt + Vプロパティを貼り付け
Cmd + Shift + V同じ位置に貼り付け
Cmd + Shift + CPNG としてコピー
Cmd + Shift + K画像を配置
Cmd + Shift + Eエクスポート
Shift + X塗りと線を入れ替え
Cmd + Z元に戻す
Cmd + Shift + Zやり直す

プロパティのコピー/貼り付けは、知った後に使用頻度が跳ね上がるタイプ。塗り・線・エフェクト・テキストスタイルをまとめて移せます。

テキスト

ショートカット操作
Cmd + Opt + L左揃え
Cmd + Opt + T中央揃え
Cmd + Opt + R右揃え
Cmd + Shift + >文字サイズを大きく
Cmd + Shift + <文字サイズを小さく
Opt + Shift + >行間を広げる
Opt + Shift + <行間を狭める
Opt + >文字間隔を広げる
Opt + <文字間隔を狭める

表示・プロトタイプ

ショートカット操作
Shift + 1全体表示にズーム
Shift + 2選択範囲にズーム
+ / -ズームイン/アウト
Cmd + \\UI の表示切替
Shift + Rルーラーの表示切替
Cmd + 'ピクセルグリッドの表示切替
Opt(オブジェクトにホバー)オブジェクト間の距離を表示
Cmd + Opt + Enterプロトタイプをプレゼンテーション
Ctrl + Shift + ?Figma のショートカット一覧を表示

Cmd + \\ はパネルを全部隠します。デザインだけを見たいときに代わりになるものがありません。

Opt を押しながらオブジェクトにホバーすると、選択中のものとの距離がその場で出ます。余白の確認はこれが最速です。

どこから覚えるか

一覧は引くためのものなので、手に入れたいなら数を絞ってください。

  1. ツールの4文字(V / F / R / T)。1日に何百回も使う
  2. Enter / Shift + Enter で入れ子の出入り
  3. 整列の6つ(Opt + A / D / W / S / H / V)

12個で、Figma の作業時間の大半をカバーできます。ブール演算とプロパティ貼り付けは、基礎が無意識でできるようになってからで十分です。

⌘/

Figma のショートカットを、4択クイズで覚える

Keyhab は15ツール・1,050問を初級・中級・上級で出題する iPhone・iPad アプリ。1日5分、VSCode (Mac)・Vim の初級は無料で使えます。

App Store で無料ダウンロード

関連記事