Figmaを使ってデザイン作業をしていると、「もっと効率的に作業できないか？」と感じることはありませんか？マウス操作だけでは時間がかかる作業も、ショートカットキーを活用すれば大幅に時短できます。
本記事では、FigmaのショートカットキーをMacとWindowsの両方に対応した形で一覧化し、作業効率を向上させるためのコツを解説します。また、「ショートカットキーが効かない」「設定を変更したい」などの悩みにも対応し、Figmaをより快適に使いこなせるようにサポートします。
目次
Figmaのショートカットキーとは？
ショートカットキーを使うメリット
- 作業スピードが向上：マウスを使わずに素早く操作できる。
- 効率的なレイヤー管理：レイヤーの移動や選択がスムーズに。
- 手間を省ける：コピーや整列などの操作が簡単に。
- デザインの一貫性を保ちやすい：配置や整列が正確に行える。
- プロのデザイナーのようなスムーズな作業が可能に：無駄な操作を減らし、集中してクリエイティブな作業ができる。
Figmaの基本ショートカットキー一覧（Mac・Windows対応）
選択・移動系のショートカット
| 操作 | Mac | Windows |
|---|---|---|
| 選択ツール | V | V |
| 移動ツール | Space | Space |
| すべて選択 | Cmd + A | Ctrl + A |
| グループ解除 | Shift + Cmd + G | Shift + Ctrl + G |
| コンポーネント作成 | Cmd + Alt + K | Ctrl + Alt + K |
| フレーム作成 | Cmd + Shift + G | Ctrl + Shift + G |
テキスト・オブジェクト操作
| 操作 | Mac | Windows |
| 新しいテキストボックスを追加 | T | T |
| フレームを作成 | Cmd + Shift + G | Ctrl + Shift + G |
| 整列（中央揃え） | Cmd + Shift + H | Ctrl + Shift + H |
| レイヤーを最前面に移動 | Cmd + Shift + ] | Ctrl + Shift + ] |
| レイヤーを最背面に移動 | Cmd + Shift + [ | Ctrl + Shift + [ |
| オブジェクトのロック | Cmd + Shift + L | Ctrl + Shift + L |
Figmaのショートカットキーが効かない場合の対処法
原因と解決策
- 原因1：キーボードレイアウトが異なっている
- MacとWindowsで一部のキー配置が異なるため、設定を確認。
- 原因2：Figmaの設定変更ミス
- 設定メニューからショートカットのカスタマイズを確認。
- 原因3：他のソフトウェアとの競合
- Chrome拡張機能や他のアプリが干渉していないかチェック。
- 原因4：ブラウザの不具合
- Figmaをリロードするか、別のブラウザで試してみる。
Figmaのショートカットチートシート
初心者でも簡単に覚えられるよう、頻繁に使うショートカットをまとめました。
| 操作 | Mac | Windows |
| コピー | Cmd + C | Ctrl + C |
| 貼り付け | Cmd + V | Ctrl + V |
| 元に戻す | Cmd + Z | Ctrl + Z |
| やり直す | Shift + Cmd + Z | Shift + Ctrl + Z |
| デュプリケート | Cmd + D | Ctrl + D |
| コンポーネントをインスタンス化 | Cmd + Alt + B | Ctrl + Alt + B |
Figmaのショートカットキーを変更する方法
- Figmaの設定画面を開く
- 「キーボードショートカット」メニューを選択
- カスタマイズしたいキーを入力
- 設定を保存し、再起動して適用
- 自分の作業スタイルに合わせてカスタマイズし、より快適な環境を構築する
Figmaのショートカットプラグイン
作業効率を上げるおすすめプラグイン
- Better Shortcuts：ショートカットのカスタマイズが可能。
- Speedy Design：ワンクリックで複雑な操作を実行。
- Shortcut Trainer：ショートカットを学習できる。
- Figma Tricks：高度なショートカットや便利機能を追加。
Figmaで拡大・縮小するショートカット
| 操作 | Mac | Windows |
| 拡大 | Cmd + + | Ctrl + + |
| 縮小 | Cmd + – | Ctrl + – |
| 全体表示 | Cmd + 0 | Ctrl + 0 |
| 100%表示 | Cmd + 1 | Ctrl + 1 |
| ズームイン | Cmd + Shift + . | Ctrl + Shift + . |
| ズームアウト | Cmd + Shift + , | Ctrl + Shift + , |
まとめ
Figmaのショートカットキーを活用することで、作業のスピードを劇的に向上させることができます。特に、デザイン作業では、頻繁に使う操作をショートカットキーで行うことで、無駄なクリックを減らし、効率を最大化できます。
重要ポイントまとめ
- ショートカットキーを覚えることで作業効率が向上
- MacとWindowsで異なるキー配置に注意する
- プラグインを活用するとさらに効率アップ
- カスタマイズ機能を使って、自分好みに設定可能
- ショートカットをマスターすることで、プロのデザイナーのようなスピード感のある作業が可能になる
この記事を参考に、Figmaのショートカットをマスターし、より快適なデザイン作業を実現しましょう！
