Webデザインツール『Figma』を利用する際に、作業効率を大幅に上げる便利なショートカットキーの用途別一覧をご紹介していきます。
ショートカットキーを知らないデザイナー初心者の方や覚えるのを敬遠している方も本記事を保存してぜひFigma利用時に確認しながらショートカットキーを使ってみてください。
記載順は上から使用頻度の高い順にしていますので優先度の高いものから少しずつ使っていけば、徐々に覚えていくことができるはずです。
本記事ではWindows版/Mac版の2つのOSに対応したコマンドを紹介しております。
Windows版ショートカットキー一覧
ウィンドウズ版ショートカットキーをご紹介していきます。
基本のショートカットキー
| 用途 | ショートカットキー |
|---|
| 選択したオブジェクトをコピー | Ctrl + C |
| クリップボードからオブジェクトを貼り付け | Ctrl + V |
検索
(フレーム,テキスト,コンポーネント,画像など) | Ctrl + F |
| 変更を一つ戻す | Ctrl + Z |
| 変更を一つ進む | Ctrl + Y |
| 選択したオブジェクトを複製 | Ctrl + D |
| 選択したオブジェクトをグループ化 | Ctrl + G |
| グループ化されたオブジェクトを解除 | Ctrl + Shift + G |
| プレビューモードへ切り替え | Ctrl + R |
| 変更内容を保存 | Ctrl + S |
| 選択したオブジェクトの親コンポーネントをインスタンス化 | Ctrl + Shift + I |
オブジェクトの操作
| 用途 | ショートカットキー |
|---|
| 選択したオブジェクトを前面に配置 | Ctrl + ] |
| 選択したオブジェクトを背面に配置 | Ctrl + [ |
| 選択したオブジェクトを一つ手前のレイヤーに配置 | Ctrl + Shift + ] |
| 選択したオブジェクトを一つ奥のレイヤーに配置 | Ctrl + Shift + [ |
| 選択したオブジェクトを水平方向に中央揃え | Ctrl + Alt + 1 |
| 選択したオブジェクトを垂直方向に中央揃え | Ctrl + Alt + 2 |
| 選択したオブジェクトを水平・垂直方向に中央揃え | Ctrl + Alt + 3 |
| 選択したオブジェクトを左端に移動 | Ctrl + Alt + ← |
| 選択したオブジェクトを上端に移動 | Ctrl + Alt + ↑ |
| 選択したオブジェクトを右端に移動 | Ctrl + Alt + → |
| 選択したオブジェクトを下端に移動 | Ctrl + Alt + ↓ |
テキストの操作
| 用途 | ショートカットキー |
|---|
| 選択したテキストを太字にする | Ctrl + B |
| 選択したテキストを斜体にする | Ctrl + I |
| 選択したテキストに下線を引く | Ctrl + U |
| 選択したテキストをリンクとして設定 | Ctrl + Shift + K |
| 選択したテキストを箇条書きリストに変更 | Ctrl + Shift + L |
| 選択したテキストを番号付きリストに変更 | Ctrl + Shift + N |
| 選択したテキストをコードブロックに変更 | Ctrl + Shift + T |
グリッド・ガイドの操作
| 用途 | ショートカットキー |
|---|
| グリッドを表示または非表示 | Ctrl + ‘ |
| ガイドを表示または非表示 | Ctrl + ; |
| ガイドをルーラー上に表示または非表示 | Ctrl + R |
スクリーン・ビューポートの操作
| 用途 | ショートカットキー |
|---|
| アートボード全体を表示 | Ctrl + 0 |
| 選択したオブジェクトを表示範囲内に合わせる | Ctrl + 1 |
| 選択したオブジェクトを表示範囲に拡大 | Ctrl + 2 |
| 選択したオブジェクトを表示範囲に縮小 | Ctrl + 3 |
Mac版ショートカットキー一覧
マック版ショートカットキーをご紹介していきます。
基本のショートカットキー
| 用途 | ショートカットキー |
|---|
| 選択したオブジェクトをコピー | Commandl + C |
| クリップボードからオブジェクトを貼り付け | Command + V |
検索
(フレーム,テキスト,コンポーネント,画像など) | Command + F |
| 変更を一つ戻す | Command + Z |
| 変更を一つ進む | Command + Y |
| 選択したオブジェクトを複製 | Command + D |
| 選択したオブジェクトをグループ化 | Command + G |
| グループ化されたオブジェクトを解除 | Command + Shift + G |
| プレビューモードへ切り替え | Command + R |
| 変更内容を保存 | Command + S |
| 選択したオブジェクトの親コンポーネントをインスタンス化 | Command + Shift + I |
オブジェクトの操作
| 用途 | ショートカットキー |
|---|
| 選択したオブジェクトを前面に配置 | Command + ] |
| 選択したオブジェクトを背面に配置 | Command + [ |
| 選択したオブジェクトを一つ手前のレイヤーに配置 | Command + Shift + ] |
| 選択したオブジェクトを一つ奥のレイヤーに配置 | Command + Shift + [ |
| 選択したオブジェクトを水平方向に中央揃え | Command + Option + 1 |
| 選択したオブジェクトを垂直方向に中央揃え | Command + Option + 2 |
| 選択したオブジェクトを水平・垂直方向に中央揃え | Command + Option + 3 |
| 選択したオブジェクトを左端に移動 | Command + Option + ← |
| 選択したオブジェクトを上端に移動 | Command + Option + ↑ |
| 選択したオブジェクトを右端に移動 | Command + Option + → |
| 選択したオブジェクトを下端に移動 | Command + Option + ↓ |
テキストの操作
| 用途 | ショートカットキー |
|---|
| 選択したテキストを太字にする | Command + B |
| 選択したテキストを斜体にする | Command + I |
| 選択したテキストに下線を引く | Command + U |
| 選択したテキストをリンクとして設定 | Command + Shift + K |
| 選択したテキストを箇条書きリストに変更 | Command + Shift + L |
| 選択したテキストを番号付きリストに変更 | Command + Shift + N |
| 選択したテキストをコードブロックに変更 | Command + Shift + T |
グリッド・ガイドの操作
| 用途 | ショートカットキー |
|---|
| グリッドを表示または非表示 | Command + ‘ |
| ガイドを表示または非表示 | Command + ; |
| ガイドをルーラー上に表示または非表示 | Command + R |
スクリーン・ビューポートの操作
| 用途 | ショートカットキー |
|---|
| アートボード全体を表示 | Command + 0 |
| 選択したオブジェクトを表示範囲内に合わせる | Command + 1 |
| 選択したオブジェクトを表示範囲に拡大 | Command + 2 |
| 選択したオブジェクトを表示範囲に縮小 | Command + 3 |
