⌘/
FigmaFigma ショートカットキー一覧 — デザイン効率を上げる
Figmaの必須ショートカットキーを操作別に一覧化。選択・描画・テキスト・レイヤー操作など、デザイン作業を高速化。
はじめに
Figmaは現在最も広く使われているUIデザインツールです。デザイナーだけでなくエンジニアも使う場面が増えています。ショートカットキーを覚えることで、デザインの反復作業を大幅に短縮できます。
ツール切替
| 操作 | ショートカット |
|---|---|
| 移動ツール | V |
| フレーム | F |
| 長方形 | R |
| 楕円 | O |
| 線 | L |
| ペン | P |
| テキスト | T |
| 手のひら | H / Space + ドラッグ |
| コメント | C |
選択と操作
| 操作 | Mac | Windows |
|---|---|---|
| 全選択 | Cmd + A | Ctrl + A |
| グループ化 | Cmd + G | Ctrl + G |
| グループ解除 | Cmd + Shift + G | Ctrl + Shift + G |
| フレーム化 | Cmd + Option + G | Ctrl + Alt + G |
| コピー | Cmd + C | Ctrl + C |
| ペースト | Cmd + V | Ctrl + V |
| 同じ位置にペースト | Cmd + Shift + V | Ctrl + Shift + V |
| 複製 | Cmd + D | Ctrl + D |
ズームと表示
| 操作 | Mac | Windows |
|---|---|---|
| ズームイン | Cmd + + | Ctrl + + |
| ズームアウト | Cmd + - | Ctrl + - |
| 100%表示 | Cmd + 0 | Ctrl + 0 |
| 全体表示 | Cmd + 1 | Ctrl + 1 |
| 選択範囲にフィット | Cmd + 2 | Ctrl + 2 |
| グリッド表示切替 | Ctrl + G | Ctrl + G |
レイヤー操作
| 操作 | Mac | Windows |
|---|---|---|
| 最前面へ | Cmd + ] | Ctrl + ] |
| 最背面へ | Cmd + [ | Ctrl + [ |
| 一つ前面へ | Cmd + Option + ] | Ctrl + Alt + ] |
| 一つ背面へ | Cmd + Option + [ | Ctrl + Alt + [ |
| ロック/アンロック | Cmd + Shift + L | Ctrl + Shift + L |
| 表示/非表示 | Cmd + Shift + H | Ctrl + Shift + H |
テキスト編集
| 操作 | Mac |
|---|---|
| 太字 | Cmd + B |
| 斜体 | Cmd + I |
| 下線 | Cmd + U |
| フォントサイズ拡大 | Cmd + Shift + > |
| フォントサイズ縮小 | Cmd + Shift + < |
コンポーネント
| 操作 | Mac |
|---|---|
| コンポーネント作成 | Cmd + Option + K |
| インスタンスの解除 | Cmd + Option + B |
| アセットパネル | Option + 2 |
デザイナーの作業効率化ヒント
- Rでシェイプ、Tでテキストを素早く切替える習慣をつける
- Option + ドラッグで複製 — これが最も使う操作
- Cmd + Dは直前のコピーと同じ間隔で複製される