Figmaのショートカットキー一覧|作業効率が上がる便利技まとめ
目次
- 1 この記事の要点(3つの結論)
- 2 ショートカットを覚える前に知っておきたい基本
- 3 まず覚えたい必須ショートカット10選
- 4 ツール切り替えのショートカット
- 5 整列・配置を一瞬で決めるショートカット
- 6 表示・ズーム操作のショートカット
- 7 レイヤー・選択まわりのショートカット
- 8 テキスト編集のショートカット
- 9 コンポーネント・オートレイアウト関連
- 10 場面別・このショートカットが効く実例
- 11 ショートカットと相性のいい作業習慣
- 12 知っていると差がつく便利技ショートカット
- 13 チームでショートカットを揃えるメリット
- 14 覚える順番と練習のコツ
- 15 初心者が陥りやすい「覚えすぎ」の罠
- 16 よくあるつまずきと対処法
- 17 まとめ:まずは10個から始めよう
- 18 よくある質問
この記事の要点(3つの結論)
- ショートカットは「毎日使う10個」から覚えるFigmaのショートカットは数百種類ありますが、すべてを暗記する必要はありません。複製・整列・グループ化・コンポーネント化など、作業中に1日何十回も使う操作を10個ほど体に覚え込ませるだけで、制作スピードは目に見えて変わります。まずは「よく使う動作」から優先的に習得するのが近道です。
- MacとWindowsでキーが違うのは主に修飾キー(⌘=Ctrl、⌥=Alt)の部分だけで、考え方は共通です。本記事ではすべてMac/Windows併記で紹介するので、どちらの環境でも同じ感覚で使えます。チームでOSが混在していても、操作の名前さえ揃えておけば指示や引き継ぎがスムーズになります。
- ショートカットの真価は「手が止まらない状態」を作ることにあります。マウスでメニューを探す数秒が積み重なると、1日では大きな時間差になります。当社の場合も、制作スピードと品質を両立させる土台として、ツールの基本操作を早い段階でチーム標準化しています。
Figmaを使い始めると、操作自体はすぐに覚えられます。けれど「なんだか作業が遅い」と感じる方は多いはずです。その差の多くは、ショートカットを使えているかどうかにあります。
マウスでメニューを開き、目的のボタンを探してクリックする。一つひとつは数秒の動作ですが、これが1日に何百回も発生します。ショートカットはこの「探す時間」をまるごと消してくれる仕組みです。
この記事では、Figmaのショートカットキーを「使う場面」ごとに整理し、Mac/Windows併記で紹介します。一覧を眺めるだけでなく、どの操作から覚えると効率が上がるのかという優先順位まで踏み込んで解説します。Figmaの基本的な使い方そのものを知りたい方は、あわせてFigmaの使い方を解説した記事もご覧ください。
本記事は、初心者の方がつまずきやすいポイントにも配慮して構成しています。単なるキーの羅列ではなく、「なぜその操作が速くなるのか」「どんな場面で効くのか」まで説明するので、読み終わる頃には自分の作業に取り入れるイメージがつかめるはずです。気になった操作から、ぜひ実際に手を動かしながら読み進めてください。
ショートカットを覚える前に知っておきたい基本
ショートカット一覧に入る前に、Figma特有の前提を押さえておきましょう。ここを理解しておくと、暗記ではなく「仕組みで覚える」ことができます。
やみくもに表を暗記しようとすると、すぐに挫折します。まずは「修飾キーの対応」と「一覧の出し方」という2つの土台を知ることで、覚える負担が大きく減ります。
MacとWindowsの修飾キーの対応
FigmaのショートカットでMacとWindowsが違うのは、ほぼ修飾キーだけです。下の対応さえ頭に入れれば、残りはほぼ共通と考えて問題ありません。
| Macのキー | Windowsのキー | 主な役割 |
|---|---|---|
| ⌘(Command) | Ctrl | コピー・複製・保存などの基本操作 |
| ⌥(Option) | Alt | 複製・間隔表示・微調整など |
| ⇧(Shift) | Shift | 比率固定・複数選択・大きく動かす |
| ⌃(Control) | —(独自の組み合わせ) | 一部の特殊操作 |
つまり「⌘をCtrlに、⌥をAltに置き換える」だけで、多くのショートカットがそのまま通用します。本記事の表もこのルールで併記しています。
逆に言えば、片方のOSで覚えたショートカットは、もう片方でもほぼそのまま使えるということです。職場とは違うOSの自宅PCでも、同じ感覚で作業を続けられます。
Figma本体の「ショートカット一覧」を表示する方法
Figmaには、押せるショートカットを一覧表示してくれる機能が標準で備わっています。覚えきれないときは、この画面を開く癖をつけると安心です。
- Mac/Windows共通:Ctrl+Shift+?(Macは⌃+⇧+?)で一覧パネルが開く
- 画面右下の「?」マークからもヘルプメニューを表示できる
- 一覧パネルは「実際に使ったショートカットが点灯」する仕組みで、覚えた範囲が一目でわかる
- カテゴリ別に整理されているので、必要な場面のものだけ探せる
この一覧は、未使用のショートカットがグレー表示になります。点灯済みを増やすことを小さな目標にすると、楽しみながら習得できます。
「全部覚えなきゃ」と気負う必要はありません。この一覧を開いておけば、いつでも確認できる安心感があるので、自然と使う回数が増えていきます。
当社の見解
ショートカットは「全部覚える」より「使う順に光らせる」発想が続きます。最初の1週間はこの一覧を開いたまま作業し、頻出操作を体に通すのがおすすめです。無理に詰め込むより、自然と手が動くようになるまで繰り返すほうが、結局は定着します。
まず覚えたい必須ショートカット10選
数あるショートカットの中でも、これだけは早く覚えてほしいというものを厳選しました。どれも作業中に何度も使う、効果の高い操作です。
逆に言えば、この10個さえ手に馴染ませれば、作業速度の大半は改善します。最初はこの表だけに集中してかまいません。
| 操作 | Mac | Windows | 使う場面 |
|---|---|---|---|
| コピー | ⌘+C | Ctrl+C | 要素を複製する前段階 |
| ペースト | ⌘+V | Ctrl+V | コピーした要素を貼る |
| その場で複製 | ⌘+D | Ctrl+D | 同じ要素をすぐ増やす |
| 取り消し | ⌘+Z | Ctrl+Z | 操作を一つ戻す |
| やり直し | ⌘+⇧+Z | Ctrl+Shift+Z | 戻しすぎたとき進める |
| グループ化 | ⌘+G | Ctrl+G | 複数要素をまとめる |
| グループ解除 | ⌘+⇧+G | Ctrl+Shift+G | まとめを解く |
| コンポーネント化 | ⌘+⌥+K | Ctrl+Alt+K | 再利用パーツを作る |
| すべて選択 | ⌘+A | Ctrl+A | 画面内を一括選択 |
| 選択解除 | Esc | Esc | 選択や入力を抜ける |
この10個は、ほかのデザインツールやアプリと共通のものも多く、応用が利きます。まずはここから手に馴染ませてください。
コピー・ペースト・取り消しなどは、すでに普段から使っている方も多いはずです。それらをFigma上でも意識的に使うだけで、マウスへ手を伸ばす回数が減っていきます。
「その場で複製(⌘/Ctrl+D)」が効く理由
⌘+D(Windowsは Ctrl+D)は、直前の複製と移動を記憶して繰り返してくれる便利な操作です。等間隔のボタンやリストを一気に並べたいときに重宝します。
一度要素を⌥+ドラッグで複製し、続けて⌘+Dを連打すると、同じ間隔で要素が増えていきます。手作業で配置するより圧倒的に速く、ズレもありません。
たとえばナビゲーションのメニュー項目や、料金表の列を作るとき。最初の1つを正確に配置すれば、あとはキーを押すだけで規則正しく増やせます。地味ですが、覚えると手放せなくなる操作です。
取り消しとやり直しは「恐れずに試す」ための保険
⌘+Z(取り消し)と⌘+⇧+Z(やり直し)は、デザインの試行錯誤を支える土台です。「失敗しても戻せる」とわかっていれば、思い切ったレイアウトの実験ができます。
Figmaは操作履歴を細かく記録しているので、何手も前まで戻れます。気になったアイデアはどんどん試し、合わなければ戻す。この身軽さが、良いデザインを生む近道になります。
ツール切り替えのショートカット
Figmaでは、ツールバーのアイコンをいちいちクリックしなくても、キー1つでツールを切り替えられます。これを覚えると、手がツールバーへ往復する回数が激減します。
| ツール | Mac/Windows共通 | 用途 |
|---|---|---|
| 移動(矢印) | V | 要素の選択・移動 |
| フレーム | F | アートボード作成 |
| 長方形 | R | 四角を描く |
| 楕円 | O | 円・楕円を描く |
| 線 | L | 直線を引く |
| テキスト | T | 文字を入力 |
| ペン | P | 自由なパスを描く |
| 手のひら | H(またはスペース長押し) | 画面を掴んで移動 |
| コメント | C | レビュー時のコメント |
| スポイト | I | 色を抽出 |
これらは修飾キーが不要なので、Mac/Windowsで完全に共通です。指1本で切り替わるため、慣れると驚くほど作業がなめらかになります。
特に覚えたいのが「V」と「T」です。何か描いたあとはVで移動ツールに戻り、文字を入れたいときはTで切り替える。この2つを往復するだけでも、操作のリズムが整います。
スペース長押しで画面を掴む
作業中に画面の別の場所を見たいとき、スペースキーを押しながらドラッグすると、画面を掴んで動かせます。ツールを切り替えずにそのまま移動できるので、作業の流れが途切れません。
これはトラックパッドやマウスのスクロールと併用すると特に快適です。広いキャンバスの中を自在に移動できると、全体と細部の行き来がスムーズになります。
手のひらツール(H)に切り替える方法もありますが、スペース長押しのほうが一時的な移動には向いています。今のツールを保ったまま画面だけ動かせるので、作業の流れを止めずに済みます。覚えておくと、作業のテンポが一段と良くなります。
覚え方のコツ:英単語の頭文字
多くのツールキーは英単語の頭文字です。Rectangle(R)、Oval(O)、Text(T)、Pen(P)といった具合に紐づけると、暗記の負担が一気に減ります。意味と結びつけて覚えると忘れにくくなります。
整列・配置を一瞬で決めるショートカット
デザインの仕上がりを左右するのが「整列」です。目分量で揃えると微妙にズレますが、整列機能を使えば一瞬でぴたりと揃います。
わずかなズレでも、見る人は無意識に「なんとなく雑だな」と感じ取ります。逆に、きっちり揃ったデザインは、それだけで信頼感を生みます。整列は完成度の土台です。
基本の整列
| 操作 | Mac | Windows |
|---|---|---|
| 左揃え | ⌥+A | Alt+A |
| 右揃え | ⌥+D | Alt+D |
| 水平方向中央揃え | ⌥+H | Alt+H |
| 上揃え | ⌥+W | Alt+W |
| 下揃え | ⌥+S | Alt+S |
| 垂直方向中央揃え | ⌥+V | Alt+V |
整列は右パネルのボタンでも操作できますが、ショートカットの方が断然速いです。複数要素を選んでからキーを押すだけで揃います。
使う頻度が高いのは「中央揃え」です。テキストとボタン、アイコンとラベルなど、要素どうしの中心を合わせる場面は本当に多いので、⌥+Hと⌥+Vは早めに覚えておくと得をします。
等間隔配置(均等配置)
3つ以上の要素を等間隔に並べたいときは、整列パネルの「Tidy up(整頓)」を使います。ショートカットは ⌃+⌥+T(Windowsは Ctrl+Alt+T)です。
ボタンの間隔や、カードの並びを一発で均等にできます。手で揃えると必ずズレが出るので、ここは機能に任せるのが正解です。
Tidy upは、縦並び・横並び・グリッド状の配置を自動で判断してくれます。バラバラに置いた要素を選んで実行するだけで、見違えるほど整然と並びます。
当社の見解
整列のショートカットは、見た目の完成度に直結します。「なんとなく揃っている」状態と「ぴたりと揃っている」状態の差は、見る人に必ず伝わります。ここだけは早めに習慣化する価値があります。レビューの指摘も減り、結果的に手戻りの時間が削れます。
表示・ズーム操作のショートカット
細部を詰めるときと、全体を眺めるときの行き来は、デザイン作業で頻繁に発生します。ズーム系のショートカットを覚えると、この往復が一気に速くなります。
拡大したまま作業を続けると、全体のバランスを見失いがちです。こまめに引いて全体を確認する習慣が、破綻のないデザインを作ります。その切り替えを速くしてくれるのがズーム系です。
| 操作 | Mac | Windows |
|---|---|---|
| ズームイン | ⌘++ | Ctrl++ |
| ズームアウト | ⌘+- | Ctrl+- |
| 100%表示 | ⌘+0(ゼロ) | Ctrl+0 |
| 選択要素にズーム | ⇧+2 | Shift+2 |
| 全体を表示 | ⇧+1 | Shift+1 |
| 前回の表示位置へ | ⇧+9 | Shift+9 |
特に「⇧+2(選択要素にズーム)」は便利です。今いじっている要素だけを画面いっぱいに表示できるので、細かい調整がはかどります。
「⇧+1(全体を表示)」と組み合わせると、細部を詰めて全体を確認する、という流れがキーだけで完結します。マウスのスクロールでガチャガチャ拡大縮小する手間がなくなります。
ピクセルプレビューとレイアウトグリッド
仕上がり確認に役立つ表示系も覚えておきましょう。レイアウトグリッドの表示切り替えや、ピクセル単位のプレビューは、最終チェックで重宝します。
これらの表示系ショートカットはアップデートで変わることがあります。最新の割り当ては、本体のショートカット一覧(Ctrl+Shift+?)で確認するのが確実です。仕様は公式情報をあわせてご確認ください。
レイヤー・選択まわりのショートカット
要素が増えてくると、目当てのレイヤーを選ぶだけでも手間です。選択系のショートカットを使うと、重なった要素もスムーズに扱えます。
レイヤーパネルを目で追って探すのは意外と時間がかかります。キャンバス上で直接、狙った要素にたどり着けるようになると、作業のストレスが大きく減ります。
- 深い階層を直接選択:⌘+クリック(Windowsは Ctrl+クリック)で、グループの中の要素をいきなり選べる
- 背面の要素を選択:同じ場所を繰り返しクリックすると、重なった奥の要素へ順に移れる
- 親を選択:Esc または ⇧+Enter で一つ上の階層に戻る
- 子を選択:Enter で選択中のグループの中に入る
- 同種を選択:右クリックメニューから「同じプロパティの要素を選択」でまとめて選べる
これらを使えば、レイヤーパネルを目で追わなくても、キャンバス上で直接狙った要素にたどり着けます。複雑なデザインほど効果を実感できます。
とくに「⌘+クリックで深い階層を直接選択」は、グループが何層も重なったデザインで威力を発揮します。グループを一段ずつ開いていく手間が省けます。
テキスト編集のショートカット
テキストの調整は、デザインの読みやすさを大きく左右します。文字サイズや行間をキーで微調整できると、見出しと本文のバランスを素早く整えられます。
| 操作 | Mac | Windows |
|---|---|---|
| 太字 | ⌘+B | Ctrl+B |
| 斜体 | ⌘+I | Ctrl+I |
| 下線 | ⌘+U | Ctrl+U |
| 文字サイズを上げる | ⌘+⇧+> | Ctrl+Shift+> |
| 文字サイズを下げる | ⌘+⇧+< | Ctrl+Shift+< |
| 行間を上げる | ⌥+⇧+↑ | Alt+Shift+↑ |
| 行間を下げる | ⌥+⇧+↓ | Alt+Shift+↓ |
行間(line-height)の微調整は、長文の読みやすさに直結します。本文がぎゅっと詰まって見えるときは、行間を少し広げるだけで印象が変わります。
文字サイズもキーで調整できると便利です。見出しを少しずつ大きくしながら、本文とのメリハリを目で確かめる。こうした感覚的な調整は、ショートカットのほうが断然やりやすいです。
コンポーネント・オートレイアウト関連
Figmaの強みであるコンポーネントとオートレイアウト。これらをショートカットで扱えると、再利用しやすく崩れにくいデザインを効率的に作れます。Figmaそのものの概要はFigmaとは何かを解説した記事で詳しく触れています。
| 操作 | Mac | Windows |
|---|---|---|
| コンポーネント化 | ⌘+⌥+K | Ctrl+Alt+K |
| インスタンスの分離 | ⌘+⌥+B | Ctrl+Alt+B |
| オートレイアウト追加 | ⇧+A | Shift+A |
| オートレイアウト解除 | ⌥+⇧+A | Alt+Shift+A |
「⇧+A」でオートレイアウトを付けると、要素の追加や削除に合わせて間隔が自動で整います。ボタンやカード、リストなど、中身が変わるパーツで特に役立ちます。
コンポーネント化(⌘+⌥+K)は、同じパーツを何度も使うデザインで効果絶大です。一度コンポーネントにしておけば、元を直すだけで使った全箇所に変更が反映されます。修正の手間が劇的に減ります。
覚えておくと便利:間隔の確認
要素を選んだ状態で ⌥(Alt)を押しながら別の要素にカーソルを合わせると、要素間の距離が赤い数値で表示されます。余白の確認に重宝する小技です。デザインの余白を揃えるときに役立ちます。
場面別・このショートカットが効く実例
ショートカットは、具体的な作業の場面と結びつけると一気に覚えやすくなります。ここでは実務でよくある場面を取り上げ、どのキーが効くかを紹介します。
ボタンをきれいに並べたいとき
同じデザインのボタンを横一列に並べる場面を考えてみましょう。まず1つ目を作り、⌥(Alt)を押しながらドラッグして複製します。次に⌘+D(Ctrl+D)を必要な数だけ押せば、同じ間隔でボタンが増えていきます。
最後に全部を選び、Tidy upのショートカットで均等配置を整えれば完成です。手で1つずつ位置を合わせる作業に比べ、数分の差が生まれます。毎日繰り返す作業ほど、この差は大きくなります。
カードレイアウトを量産したいとき
ニュース一覧や商品一覧のようなカード型レイアウトは、コンポーネントとオートレイアウトの出番です。1枚のカードを作って⌘+⌥+K(Ctrl+Alt+K)でコンポーネント化し、⇧+Aでオートレイアウトを付けます。
あとはコンポーネントを複製して並べるだけ。中身のテキストや画像を差し替えても、余白や配置は自動で保たれます。デザインの統一感を保ちながら、量産のスピードを両立できます。
細かい位置を微調整したいとき
要素を矢印キーで動かすと1pxずつ、⇧(Shift)を押しながらだと大きく(多くは10pxずつ)移動します。マウスのドラッグでは出しにくい、正確なピクセル単位の調整がキーならできます。
「あと少しだけ右に」という微妙な調整は、マウスより矢印キーのほうが確実です。仕上げの段階で重宝する操作なので、ぜひ覚えておきましょう。
ショートカットと相性のいい作業習慣
ショートカット単体でも効果はありますが、いくつかの習慣と組み合わせると、さらに作業が速く安定します。
レイヤーに名前を付ける習慣
選択系のショートカットを活かすには、レイヤーやグループに分かりやすい名前を付けておくことが前提になります。名前が整理されていると、目的の要素にすぐたどり着けます。
「Frame 123」のような自動命名のままだと、あとで自分が混乱します。少し手間でも、要素の役割がわかる名前を付けておくと、選択も修正もスムーズになります。
コンポーネントを早めに作る習慣
同じパーツを2回以上使うとわかった時点で、コンポーネント化しておくのが得策です。あとからまとめて修正できるので、デザインの一貫性を保ちやすくなります。
ショートカット(⌘+⌥+K)で手早くコンポーネント化できると、この習慣のハードルが下がります。「とりあえずコンポーネントにしておく」が自然にできるようになります。
知っていると差がつく便利技ショートカット
基本を押さえたら、少し応用的な便利技も覚えていきましょう。どれも知っているかどうかで、作業の快適さが変わるものばかりです。
コピー&ペーストの応用
普通のペーストのほかに、Figmaにはいくつかの貼り付け方があります。「同じ位置に貼り付け」を使うと、コピー元とまったく同じ座標に要素を貼れます。別のフレームへ位置を保ったまま移したいときに便利です。
また、要素のプロパティ(色や角丸などの見た目の設定)だけをコピーして、別の要素に貼り付ける操作もあります。デザインのスタイルを素早く揃えたいときに役立ちます。細かい設定はアップデートで変わることがあるため、本体の一覧で最新を確認すると確実です。
選択範囲のロックと表示・非表示
背景など動かしたくない要素は、ロックしておくと誤操作を防げます。ロックのショートカット(⌘+⇧+L/Ctrl+Shift+L)を覚えておくと、複雑なデザインでも安心して作業できます。
一時的に要素を隠したいときは、表示・非表示の切り替え(⌘+⇧+H/Ctrl+Shift+H)が便利です。重なって邪魔な要素をさっと隠して、下の要素に集中できます。
グループとフレームの使い分け
要素をまとめる方法には、グループ化(⌘+G)とフレーム化(⌘+⌥+G/Ctrl+Alt+G)があります。グループは単純なまとまり、フレームはレイアウトや書き出しの単位として使うのが基本です。
オートレイアウトやレスポンシブ対応を考えるなら、フレームで囲っておくほうが後々扱いやすくなります。目的に応じて使い分けると、デザインの構造がきれいに保てます。
チームでショートカットを揃えるメリット
個人の効率だけでなく、チーム全体で操作を揃えることにも大きな意味があります。複数人でデザインを進める現場では、共通言語としての効果が出ます。
指示や引き継ぎがスムーズになる
「ここをコンポーネント化しておいて」「整列で揃えて」といった指示が、全員に同じ意味で伝わります。操作の名前が共通していると、レビューや修正依頼のやり取りが格段に速くなります。
OSが混在していても、本記事のようにMac/Windows併記で共有しておけば混乱しません。操作の「考え方」を揃えておくことが、チームの生産性を底上げします。
ファイルの品質が安定する
整列やコンポーネント化が全員の習慣になっていると、できあがるファイルの品質が均一になります。誰が作っても崩れにくく、後から触りやすいデザインデータになります。
これは引き継ぎや長期運用の場面で効いてきます。属人化を防ぎ、チームとして安定した制作を続けるための、地味だけれど確かな土台です。
覚える順番と練習のコツ
ショートカットは、一度にたくさん覚えようとすると挫折しがちです。効果の高いものから段階的に習得するのが、結局いちばんの近道です。
大事なのは「覚えること」ではなく「使えること」です。表を眺めて満足するのではなく、実際の作業で意識して手を動かすことで、初めて身につきます。
3週間の習得プラン例
| 期間 | 覚える対象 | 狙い |
|---|---|---|
| 1週目 | 必須10選+ツール切替(V/F/R/T) | 手が止まらない基礎を作る |
| 2週目 | 整列・ズーム系 | 仕上がりと作業速度を上げる |
| 3週目 | 選択・テキスト・コンポーネント系 | 複雑な作業を効率化する |
大切なのは「覚えてから使う」ではなく「使いながら覚える」ことです。最初はマウスより遅く感じても、1週間続ければ手が勝手に動くようになります。
すべてのショートカットを覚えようとせず、自分の作業でよく出てくるものから優先する。これがいちばん挫折しにくい進め方です。使わない操作は、必要になったときに覚えれば十分です。
練習を習慣にする小さな工夫
意識づけのために、しばらくはマウスでメニューを開くのを「あえて禁止」してみるのも効果的です。最初は不便でも、強制的にキーを使うことで定着が早まります。
また、よく使う操作を付箋に書いてモニター横に貼っておくのも王道です。視界に入るたびに思い出せるので、自然と手が動くようになります。地道ですが確実な方法です。
当社の見解
ツールの習熟は、制作の品質とスピードを支える土台です。当社では、Webサイト制作を業界別の担当制で進めており、デザインツールの基本操作はチームで標準化しています。土台が揃っていると、本来時間をかけるべき「設計や見せ方の検討」に集中できます。Web制作の依頼を検討中の方はホームページ制作会社の選び方もあわせてご覧ください。
初心者が陥りやすい「覚えすぎ」の罠
意外に多いのが、最初から全部覚えようとして疲れてしまうケースです。ショートカットの一覧を印刷して机に貼り、すべて暗記しようとする。気持ちはわかりますが、これは逆効果になりがちです。
人は使わない知識をすぐ忘れます。日々の作業で出てこない操作を無理に覚えても、定着しないまま記憶から消えていきます。それより、実際に手が動く操作を確実に増やすほうが、結果的に身につく数は多くなります。
「自分の作業リスト」を作る発想
おすすめは、自分が1日でよく繰り返す操作を5つだけ書き出してみることです。人によって作業内容は違うので、頻出する操作も変わります。その5つのショートカットを優先的に覚えるのが、いちばん効率的です。
たとえば、レイアウトを多く組む人なら整列とオートレイアウト。アイコンを描く人ならパスやペン関連。自分の仕事に直結するものから攻めることで、覚えた効果をすぐ実感できます。
覚えた数より「使った回数」を誇る
ショートカットの習得は、知っている数を増やす競争ではありません。大切なのは、覚えたものを実際に使い続けることです。少数でも毎日使えば、確実に作業は速くなります。
「これだけは絶対マウスを使わない」という操作を1つ決めて、徹底するのもよい方法です。1つが完全に身についたら、次の1つへ。この積み重ねが、最終的に大きな差を生みます。
よくあるつまずきと対処法
ショートカットを覚え始めたばかりの頃は、思ったように動かず戸惑うこともあります。よくあるつまずきと、その対処法を整理しておきましょう。
キーを押しても反応しない
多くの場合、原因はテキスト入力中になっていることです。文字を入力している状態では、ショートカットがその文字として打ち込まれてしまいます。Escを押して入力を抜けてから、もう一度試してみてください。
また、別のアプリやブラウザのショートカットと競合している場合もあります。ブラウザ版を使っているときは、デスクトップアプリに切り替えると解決することがあります。
意図しない操作になってしまう
似たキーの組み合わせを押し間違えると、想定外の動作になります。そんなときは慌てず⌘+Z(Ctrl+Z)で取り消しましょう。Figmaは細かく履歴を残しているので、安心してやり直せます。
押し間違いは誰にでもあります。取り消しさえ覚えていれば、失敗を恐れずどんどん試せます。これも立派な「ショートカットの使いこなし」です。
覚えたつもりでも手が動かない
頭で覚えても、いざ作業になると手が止まる。これは練習量がまだ足りないだけです。意識して使い続ければ、必ず無意識でも押せるようになります。
焦らず、1つずつ確実に。1日に1つ新しいショートカットを意識する、くらいのペースでも、1か月後には大きく変わっています。継続が何よりの近道です。
うまく押せたときは、小さな達成感を味わってください。その積み重ねが、ショートカットを使うことへの抵抗感を消していきます。最初の数日を乗り越えれば、あとは自然と手が動くようになります。慣れてしまえば、もうマウス中心の作業には戻れないと感じるはずです。
まとめ:まずは10個から始めよう
Figmaのショートカットは数多くありますが、すべてを一度に覚える必要はありません。使用頻度の高い必須10選とツール切り替えから始め、慣れてきたら少しずつ広げていくのが王道です。
MacとWindowsの違いは修飾キーだけなので、どちらの環境でも同じ感覚で使えます。チームで操作を揃えれば、指示や引き継ぎもスムーズになり、ファイルの品質も安定します。
ショートカットの目的は「手を止めないこと」。マウスを探す数秒をなくすだけで、作業のテンポは大きく変わります。今日からまず1つ、意識して使うことから始めてみてください。Figmaそのものをもっと知りたい方はFigmaとは何かの記事も参考になります。
よくある質問
ショートカットは全部覚えないとダメですか?
いいえ、その必要はありません。まずは本記事の「必須10選」とツール切り替えだけで十分です。残りは作業中に「これ繰り返してるな」と感じた操作から、少しずつ追加していけば自然に身につきます。全部覚えることを目標にすると、かえって続かなくなります。
MacからWindowsに乗り換えたら覚え直しですか?
ほとんど覚え直す必要はありません。違うのは主に⌘→Ctrl、⌥→Altの置き換えだけです。操作の考え方は同じなので、修飾キーの対応さえ意識すれば、すぐに同じ感覚で使えます。逆も同様で、片方で覚えればもう片方でもすぐ使えます。
ショートカットを忘れてしまったときはどうすれば?
Ctrl+Shift+?(Macは⌃+⇧+?)で本体のショートカット一覧を開けます。実際に使ったものが点灯する仕組みなので、確認しながら少しずつ覚える使い方ができます。カテゴリ別にも探せるため、必要な場面のものだけ確認できます。
自分でショートカットを変更できますか?
Figmaでは一部の操作で設定からカスタマイズが可能ですが、変更できる範囲は限られています。仕様はアップデートで変わることがあるため、最新の対応状況は公式ヘルプで確認することをおすすめします。基本的には標準の割り当てに慣れるほうが、引き継ぎや共同作業で混乱しません。
ブラウザ版とデスクトップアプリでショートカットは違いますか?
基本的なショートカットは共通です。ただしブラウザ版では、ブラウザ自身のショートカット(タブを閉じる、検索など)と一部競合する場合があります。本格的に使うならデスクトップアプリの方が快適で、競合の心配も少なくなります。
ショートカットを覚えるとどれくらい速くなりますか?
個人差はありますが、メニューを探す数秒が積み重なると1日では大きな差になります。特に複製・整列・ツール切り替えは使用頻度が高いため、習得後は作業のテンポが明確に変わったと感じる方が多いです。数値で測りにくい部分ですが、慣れるほど「マウスに戻りたくない」と感じるはずです。
初心者がいちばん最初に覚えるべきショートカットは?
移動ツールの「V」と、その場で複製の「⌘/Ctrl+D」、そして取り消しの「⌘/Ctrl+Z」の3つです。この3つは使用頻度が突出して高く、覚えた瞬間から効果を実感できます。まずはここから始めるのがおすすめです。
マウス操作とショートカットはどう使い分けるべきですか?
厳密なルールはありません。目安としては、頻繁に繰り返す操作はショートカット、たまにしか使わない設定はマウスでメニューから、と考えると無理がありません。すべてをキーで行おうと気負う必要はなく、自分が速いと感じる方を選べば十分です。徐々にキー操作の割合を増やしていけば、自然と効率が上がります。
ショートカット表を効率よく覚える方法はありますか?
実作業の中で1つずつ意識して使うのがいちばんの近道です。表を眺めるだけでは定着しにくいので、本体のショートカット一覧(Ctrl+Shift+?)を開いたまま作業し、使った操作が点灯していくのを確認しながら進めると、ゲーム感覚で覚えられます。点灯済みを増やすことを小さな目標にすると続きやすくなります。
ツール活用から実際のサイト制作まで、目的に合わせて最適な進め方をご提案します。お話を伺いながら一緒に整理します。



