figmaのショートカットの練習と一覧

使い方

STARTSTOP

※入力モード切り替え ctrl + shift + alt + space

PRE

現在の問題をリストから削除

リセット

ガイドモード

リピートモード

※推奨ブラウザ Google Chrome

ご要望はこちらから

PUSH ENTER

気に入ってもらえたらシェアいただけるとうれしいです！

ショートカット一覧

figmaのショートカットキーについて解説します。

レイヤー操作

レイヤーに関するショートカットキーです。レイヤー操作は豊富に用意されているので、ほとんどの操作をショートカットキー完結できます。

親のレイヤーを選択する	WindowsshiftEnter
親のレイヤーを選択する	mac⇧(shift)Enter
子のレイヤーを選択する	WindowsEnter
子のレイヤーを選択する	macEnter
次のレイヤーを選択	WindowsTab
次のレイヤーを選択	macTab
前のレイヤーを選択	WindowsshiftTab
前のレイヤーを選択	mac⇧(shift)Tab
選択レイヤーを次レイヤーと入れ替え	WindowsCtrl]
選択レイヤーを次レイヤーと入れ替え	mac⌘(command)]
選択レイヤーを前レイヤーと入れ替え	WindowsCtrl[
選択レイヤーを前レイヤーと入れ替え	mac⌘(command)[
選択レイヤーを一番下に下げる	Windows]
選択レイヤーを一番下に下げる	mac]
選択レイヤーを一番上に上げる	Windows[
選択レイヤーを一番上に上げる	mac[
選択レイヤーの表示・非表示を切り替える	WindowsCtrlshifth
選択レイヤーの表示・非表示を切り替える	mac⌘(command)⇧(shift)h
選択レイヤーのロック・ロック解除を切り替える	WindowsCtrlshiftl
選択レイヤーのロック・ロック解除を切り替える	mac⌘(command)⇧(shift)l
同じ階層のすべてのレイヤーを選択	WindowsCtrla
同じ階層のすべてのレイヤーを選択	mac⌘(command)a
選択範囲の反転	WindowsCtrlshifta
選択範囲の反転	mac⌘(command)⇧(shift)a
選択を解除する	WindowsEscape
選択を解除する	macEscape
マッチングレイヤーの選択	WindowsCtrlalta
マッチングレイヤーの選択	mac⌘(command)⌥(option)a
選択レイヤーのグループ化	WindowsCtrlg
選択レイヤーのグループ化	mac⌘(command)g
選択レイヤーのグループ化解除	WindowsCtrlshiftg
選択レイヤーのグループ化解除	mac⌘(command)⇧(shift)g
選択レイヤーのフレーム化	WindowsCtrlaltg
選択レイヤーのフレーム化	mac⌘(command)⌥(option)g
選択中のレイヤーをAuto Layout化	Windowsshifta
選択中のレイヤーをAuto Layout化	mac⇧(shift)a
選択中のレイヤーのAuto Layout解除	Windowsshiftalta
選択中のレイヤーのAuto Layout解除	mac⇧(shift)⌥(option)a

ツール

ツール切り替えに関するショートカットキーです。ほとんどのツールにショートカットキーが用意されています。

移動ツールに切り替え	Windowsv
移動ツールに切り替え	macv
フレームツールに切り替え	Windowsf
フレームツールに切り替え	macf
ペンツールに切り替え	Windowsp
ペンツールに切り替え	macp
鉛筆ツールに切り替え	Windowsshiftp
鉛筆ツールに切り替え	mac⇧(shift)p
テキストツールに切り替え	Windowst
テキストツールに切り替え	mact
長方形ツールに切り替え	Windowsr
長方形ツールに切り替え	macr
楕円ツールに切り替え	Windowso
楕円ツールに切り替え	maco
線ツールに切り替え	Windowsl
線ツールに切り替え	macl
矢印ツールに切り替え	Windowsshiftl
矢印ツールに切り替え	mac⇧(shift)l
コメントの追加	Windowsc
コメントの追加	macc
色の選択	Windowsi
色の選択	maci
スライスツール	Windowss
スライスツール	macs

表示

表示に関するショートカットキーです。UIの表示／非表示などはよく使います。

UIの表示切り替え	WindowsCtrl\\
UIの表示切り替え	mac⌘(command)\\
マルチプレイヤーカーソル表示切り替え	WindowsCtrlalt\\
マルチプレイヤーカーソル表示切り替え	mac⌘(command)⌥(option)\\
定規の表示切り替え	Windowsshiftr
定規の表示切り替え	mac⇧(shift)r
アウトラインの表示切り替え	Windowsshifto
アウトラインの表示切り替え	mac⇧(shift)o
ピクセルプレビューの表示切り替え	WindowsCtrlshiftp
ピクセルプレビューの表示切り替え	mac⌘(command)⇧(shift)p
レイアウトグリッドの表示切り替え	Windowsshiftg
レイアウトグリッドの表示切り替え	mac⇧(shift)g
ピクセルグリッドの表示切り替え	Windowsshiftシングルコーテーション
ピクセルグリッドの表示切り替え	mac⇧(shift)シングルコーテーション
レイヤーパネルを開く	Windowsalt1
レイヤーパネルを開く	mac⌥(option)1
ライブラリを開く	Windowsalt2
ライブラリを開く	mac⌥(option)2
デザインパネルを開く	Windowsalt8
デザインパネルを開く	mac⌥(option)8
プロトタイプパネルを開く	Windowsalt9
プロトタイプパネルを開く	mac⌥(option)9
インスペクトパネルを開く	Windowsalt0
インスペクトパネルを開く	mac⌥(option)0

ズーム

ズームやパンに関するショートカットキーです。

パン	WindowsSPACE + ドラッグ
パン	macSPACE + ドラッグ
ズームイン	WindowsCtrl+
ズームイン	mac⌘(command)+
ズームアウト	WindowsCtrl–
ズームアウト	mac⌘(command)–
１００％ズーム	WindowsCtrl
１００％ズーム	mac⌘(command)
自動ズーム調整	Windowsshift1
自動ズーム調整	mac⇧(shift)1
選択範囲に合わせてズーム	Windowsshift2
選択範囲に合わせてズーム	mac⇧(shift)2
次のフレームにズーム	Windowsn
次のフレームにズーム	macn
前のフレームにズーム	Windowsshiftn
前のフレームにズーム	mac⇧(shift)n
前のページ	WindowsPage Up
前のページ	macPage Up
次のページ	WindowsPage Down
次のページ	macPage Down
前のフレームの検出	WindowsHome
前のフレームの検出	macHome
次のフレームの検出	WindowsEnd
次のフレームの検出	macEnd

テキスト・段落

テキストや段落の編集に関するショートカットキーです。デザイナーは必須の操作なので覚えておいたほうが良いです。

太字にする	WindowsCtrlb
太字にする	mac⌘(command)b
斜体にする	WindowsCtrli
斜体にする	mac⌘(command)i
下線を引く	WindowsCtrlu
下線を引く	mac⌘(command)u
リンクの作成	WindowsCtrlk
リンクの作成	mac⌘(command)k
取り消し線	WindowsCtrlshiftx
取り消し線	mac⌘(command)⇧(shift)x
リストに変換	WindowsCtrlshift78
リストに変換	mac⌘(command)⇧(shift)7
左揃えにする	WindowsCtrlaltl
左揃えにする	mac⌘(command)⌥(option)l
中央揃えにする	WindowsCtrlaltt
中央揃えにする	mac⌘(command)⌥(option)t
右揃えにする	WindowsCtrlaltr
右揃えにする	mac⌘(command)⌥(option)r
両端を揃える	WindowsCtrlaltj
両端を揃える	mac⌘(command)⌥(option)j
フォントサイズを大きくする	WindowsCtrlshift>
フォントサイズを大きくする	mac⌘(command)⇧(shift)>
フォントサイズを小さくする	WindowsCtrlshift<
フォントサイズを小さくする	mac⌘(command)⇧(shift)<
フォントを太くする	WindowsCtrlalt>
フォントを太くする	mac⌘(command)⌥(option)>
フォントを細くする	WindowsCtrlalt<
フォントを細くする	mac⌘(command)⌥(option)<
文字間隔を広げる	Windowsalt>
文字間隔を広げる	mac⌥(option)>
文字間隔を狭める	Windowsalt<
文字間隔を狭める	mac⌥(option)<
行間を広げる	Windowsaltshift>
行間を広げる	mac⌥(option)⇧(shift)>
行間を狭める	Windowsaltshift<
行間を狭める	mac⌥(option)⇧(shift)<

シェイプの設定

シェイプに関わる塗りなどの設定に関するショートカットキーです。

塗りの削除	Windowsalt/
塗りの削除	mac⌥(option)/
線の削除	Windowsshift/
線の削除	mac⇧(shift)/
塗と線の色を入れ替える	Windowsshiftx
塗と線の色を入れ替える	mac⇧(shift)x
線のアウトライン化	WindowsCtrlalto
線のアウトライン化	mac⌘(command)⌥(option)o
選択範囲を統合	WindowsCtrle
選択範囲を統合	mac⌘(command)e

編集

オブジェクトの編集に関するショートキーです。

コピー	WindowsCtrlc
コピー	mac⌘(command)c
切り取り	WindowsCtrlx
切り取り	mac⌘(command)x
貼り付け	WindowsCtrlv
貼り付け	mac⌘(command)v
貼り付けて置換	WindowsCtrlshiftr
貼り付けて置換	mac⌘(command)⇧(shift)r
選択範囲の上に貼り付け	WindowsCtrlshiftv
選択範囲の上に貼り付け	mac⌘(command)⇧(shift)v
複製	WindowsCtrld
複製	mac⌘(command)d
選択範囲の名前を変更	WindowsCtrlr
選択範囲の名前を変更	mac⌘(command)r
エクスポート	WindowsCtrlshifte
エクスポート	mac⌘(command)⇧(shift)e
検索	WindowsCtrlf
検索	mac⌘(command)f
PNGとしてコピー	WindowsCtrlshiftc
PNGとしてコピー	mac⌘(command)⇧(shift)c
プロパティをコピー	WindowsCtrlaltc
プロパティをコピー	mac⌘(command)⌥(option)c
プロパティの貼り付け	WindowsCtrlaltv
プロパティの貼り付け	mac⌘(command)⌥(option)v

変換

オブジェクトの反転などのショートカットキーです。

左右反転	Windowsshifth
左右反転	mac⇧(shift)h
上下反転	Windowsshiftv
上下反転	mac⇧(shift)v
マスクとして使用	WindowsCtrlaltm
マスクとして使用	mac⌘(command)⌥(option)m
シェイプまたは画像の編集	WindowsEnter
シェイプまたは画像の編集	macEnter
画像の配置	WindowsCtrlshiftk
画像の配置	mac⌘(command)⇧(shift)k
不透明度を０％に設定	Windows0
不透明度を０％に設定	mac0
不透明度を１０％に設定	Windows1
不透明度を１０％に設定	mac1
不透明度を５０％に設定	Windows5
不透明度を５０％に設定	mac5
不透明度を１００％に設定	Windows0
不透明度を１００％に設定	mac0

練習一覧

最上部に移動

Figmaのショートカットの練習と一覧

レイヤー操作

ツール

表示

ズーム

テキスト・段落

シェイプの設定

編集

変換

練習一覧