Webflow ショートカットキー早見表

Webflow で利用できる 41 個のショートカットキーの早見表

全般

操作	Macショートカット	Winショートカット
ショートカット一覧（ショートカットキー）を表示	`Shift` + `/`	`Shift` + `/`
スナップショットとして保存	`Cmd` + `Shift` + `S`	`Ctrl` + `Shift` + `S`
選択解除または中止	`Esc`	`Esc`
要素を削除	`Del`	`Del`
公開ダイアログを表示	`Shift` + `P`	`Shift` + `P`
コード書き出しダイアログを表示	`Shift` + `E`	`Shift` + `E`
要素を編集	`Enter`	`Enter`

表示

操作	Macショートカット	Winショートカット
プレビューモード	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
ガイドオーバーレイ	`Cmd` + `Shift` + `G`	`Ctrl` + `Shift` + `G`
要素の縁を表示	`Cmd` + `Shift` + `E`	`Ctrl` + `Shift` + `E`
X線モード	`Cmd` + `Shift` + `X`	`Ctrl` + `Shift` + `X`

左ツールバー

操作	Macショートカット	Winショートカット
追加パネルを表示	`A`	`A`
ナビゲータータブを表示	`Z`	`Z`
ページパネルを表示	`P`	`P`
シンボルパネルを表示	`Shift` + `A`	`Shift` + `A`
選択した要素をシンボル化	`Cmd` + `Shift` + `A`	`Ctrl` + `Shift` + `A`
アセットマネージャーを表示	`J`	`J`

右タブ

操作	Macショートカット	Winショートカット
スタイルタブを表示	`S`	`S`
設定タブを表示	`D`	`D`
スタイルマネジャータブを表示	`G`	`G`
インタラクションタブを表示	`H`	`H`

コピー＆ペースト

操作	Macショートカット	Winショートカット
コピー	`Cmd` + `C`	`Ctrl` + `C`
切り取り	`Cmd` + `X`	`Ctrl` + `X`
貼り付け	`Cmd` + `V`	`Ctrl` + `V`
複製	`Alt` + `（ドラッグ）`	`Alt` + `（ドラッグ）`

元に戻す・やり直し

操作	Macショートカット	Winショートカット
元に戻す	`Cmd` + `Z`	`Ctrl` + `Z`
やり直し	`Cmd` + `Shift` + `Z`	`Ctrl` + `Shift` + `Z`

デバイス表示

操作	Macショートカット	Winショートカット
デスクトップ	`1`	`1`
タブレット	`2`	`2`
スマートフォン（横）	`3`	`3`
スマートフォン（縦）	`4`	`4`

スタイルパネル

操作	Macショートカット	Winショートカット
マージンまたはパディング（全方向）	`Shift` + `（ドラッグ）`	`Shift` + `（ドラッグ）`
マージンまたはパディング（上下、または左右）	`Alt` + `（ドラッグ）`	`Alt` + `（ドラッグ）`
選択した要素にクラスを追加	`Cmd` + `Enter`	`Ctrl` + `Enter`
選択した要素の最後のクラス名を変更	`Cmd` + `Shift` + `Enter`	`Ctrl` + `Shift` + `Enter`

検索

操作	Macショートカット	Winショートカット
クイック検索	`Cmd` + `K`	`Ctrl` + `K`

その他

操作	Macショートカット	Winショートカット
パネルセクションを展開または折りたたむ	`Alt` + `（クリック）`	`Alt` + `（クリック）`
親要素または子要素を選択	`Up/Down`	`Up/Down`
兄弟要素を選択	`Left/Right`	`Left/Right`
次の要素または前の要素を選択	`Alt` + `Left/Right`	`Alt` + `Left/Right`
選択した要素のコラボレーター表示を切り替え	`Cmd` + `Shift` + `L`	`Ctrl` + `Shift` + `L`