フィグマのショートカットキー完全ガイド

フィグマ(Figma)は、UI/UXデザインに特化したクラウドベースのデザインツールです。
作業効率を向上させるために、ショートカットキーを活用することが重要です。
本記事では、基本的な操作から高度なテクニックまで、フィグマのショートカットキーを詳しく解説します。

基本的なショートカットキー

選択ツール・移動ツール

  • V:選択ツール(Move Tool)
  • H:ハンドツール(Hand Tool)
  • Space(スペースキー):一時的にハンドツールに切り替え
  • Ctrl + D(Windows) / Cmd + D(Mac):オブジェクトの複製
  • Ctrl + C / Cmd + C:コピー
  • Ctrl + V / Cmd + V:ペースト
  • Ctrl + X / Cmd + X:カット
  • Ctrl + Z / Cmd + Z:元に戻す
  • Shift + Ctrl + Z / Shift + Cmd + Z:やり直し

デザイン作業を効率化するショートカット

レイヤーの操作

  • Ctrl + G / Cmd + G:グループ化
  • Shift + Ctrl + G / Shift + Cmd + G:グループ解除
  • Ctrl + [ / Cmd + [:レイヤーを前面へ
  • Ctrl + ] / Cmd + ]:レイヤーを背面へ
  • Ctrl + Shift + [ / Cmd + Shift + [:最前面へ
  • Ctrl + Shift + ] / Cmd + Shift + ]:最背面へ

シェイプやテキストの素早い編集

  • T:テキストツールを選択
  • R:長方形ツール
  • O:楕円ツール
  • L:ラインツール
  • Shift + X:塗りつぶしと線の切り替え
  • I:スポイトツール(カラー取得)
  • Ctrl + Shift + O / Cmd + Shift + O:テキストをアウトライン化

プロトタイピング関連のショートカット

  • P:ペンツールを選択
  • C:コメントツールを選択
  • Ctrl + Shift + E / Cmd + Shift + E:エクスポートメニューを開く
  • Shift + S:プロトタイプモードに切り替え
  • Ctrl + Shift + P / Cmd + Shift + P:プレゼンテーションモード
  • Enter:プロトタイピングの接続モード
  • Esc:プロトタイピングモードを終了

便利なカスタムショートカットやTips

カスタムショートカットの設定方法

フィグマでは、カスタムショートカットの設定はできませんが、サードパーティツール
(AutohotkeyやBetterTouchToolなど)を活用することで、作業をさらに最適化できます。

よく使われる組み合わせ

  • Alt + ドラッグ(Windows) / Option + ドラッグ(Mac):オブジェクトを複製しながら移動
  • Shift + ドラッグ:水平・垂直移動を制限
  • Ctrl + Enter / Cmd + Enter:コンポーネント編集モードの切り替え

まとめ

フィグマのショートカットキーを活用することで、作業効率が大幅に向上します。特に、

  • 選択ツール(V)やハンドツール(H)
  • グループ化(Ctrl + G)
  • プロトタイピングモード(Shift + S)

といった基本的なショートカットを覚えておくと、よりスムーズなデザイン作業が可能です。
日々の作業に取り入れて、フィグマを最大限に活用しましょう!

動画一覧

figmaショートカットキー一覧の呼び出し方法
figma均等配置ショートカット
figmaペーストして置き換えショートカット
figmaグループ化・解除ショートカット
figmaオートレイアウトの追加・削除ショートカット