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 + C | PNG としてコピー |
| 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 を押しながらオブジェクトにホバーすると、選択中のものとの距離がその場で出ます。余白の確認はこれが最速です。
どこから覚えるか
一覧は引くためのものなので、手に入れたいなら数を絞ってください。
- ツールの4文字(V / F / R / T)。1日に何百回も使う
- Enter / Shift + Enter で入れ子の出入り
- 整列の6つ(Opt + A / D / W / S / H / V)
12個で、Figma の作業時間の大半をカバーできます。ブール演算とプロパティ貼り付けは、基礎が無意識でできるようになってからで十分です。