[Figma] ショートカットまとめ・一覧

Figmaのショートカットはこの記事に集約。

ショートカット一覧

特定キーの記号表記解説

  • … command
  • … option(alt)
  • … control

※ 今回は Mac のショートカットキーをベースに表記しています

よく使う or 覚えときたいショートカット

レイヤー操作
一つ上の階層のレイヤーを選択する shift + return(enter)
ロックされたレイヤーを選択する ⌘ + 右クリック
レイヤー(選択中以外)を全て閉じる ⌥ + L
選択中のレイヤーの表示・非表示を切り替える ⌘ + shift + H
選択中のレイヤーの階層を一つ上に上げる ⌘ + ]
選択中のレイヤーの階層を一つ下に下げる ⌘ + [
選択中のレイヤーの階層を一番上に上げる ⌥ + ⌘ + ]
選択中のレイヤーの階層を一番下に下げる ⌥ + ⌘ + [
オブジェクト
コンポーネントの交換 オブジェクト選択 > 右クリック > Swap Instance
複数のコンポーネントを作成する 複数オブジェクト選択 > カンバス上部アイコンクリック > Create Multiple Components
フォントの一括変更 ⌘ + / > 「Select All the Same Fonts」
表示されていないすべてのレイヤーを表示する ⌘ + / > 「Unhide All Objects」
すべてのオブジェクトのロックを解除 ⌘ + / > 「Unlock All Objects」
他のオブジェクトの左上コーナーにペースト ⌘ + shift + V
スタイルを複製する ⌥ + ⌘ + C
⌥ + ⌘ + V
画像の自動インポート機能(表示したパネルより複数の画像を選択すると、それらを連続で使い、個別にシェイプを塗りつぶすことが可能) ⌘ + shift + K
表示
Layers に切り替える ⌥ + 1
Assets に切り替える ⌥ + 2
Design に切り替える ⌥ + 8
Prototype に切り替える ⌥ + 9
Code に切り替える ⌥ + 0
UI の表示・非表示を切り替える ⌘ + .(ピリオド) or \(バックスラッシュ)
上・下の Pages に移動する PageUp or PageDown
整列
左寄せ・右寄せ(Align Left/Right) ⌥ + A and D
上寄せ・下寄せ(Align Top/Bottom) ⌥ + W and S
中心寄せ・中央寄せ(Align Center) ⌥ + H and V
等間隔に分布 – 中心・中央(Distribute Spacing) ⌃ + ⌥ + H and V
良い塩梅に整列?(Tidy Up) ⌃ + ⌥ + T
ファイル・バージョン
デザインのバージョン管理、保存をする ⌥ + ⌘ + S
その他
ショートカットコマンド一覧を表示(これまでに使ったことのあるショートカットは青色に塗りつぶされる) ⌃ + Shift + ?
Figmaで使っている現在のステータスを確認 ⌘ + / > 「Resource Use」

「control + Shift + ?」で表示したショートカットコマンドの一覧

Essential
Show/Hide UI ⌘ + \
Pick Color ⌃ + C
Search ⌘ + /
Tools
Move Tool V
Frame Tool F
Pen Tool P
Pencil Tool shift + P
Text Tool T
Rectangle Tool R
Ellipse Tool O
Line Tool L
Arrow Tool shift + L
Add/Show Comments C
Pick Color ⌃ + C
Slice Tool S
View
Show/Hide UI ⌘ + \
Show Multiplayer Cursors ⌥ + ⌘ + \
Rulers shift + R
Outlines ⌘ + Y
Pixel Preview ⌃ + P
Layout Grids ⌃ + G
Pixel Grid ⌘ + ‘
Show Layers ⌥ + 1
Show Components ⌥ + 2
Show Design Panel ⌥ + 8
Show Prototype Panel ⌥ + 9
Show Code Panel ⌥ + 0
Zoom
Pen Space + drag
Zoom In +
Zoom Out
Zoom to 100% shift + 0
Zoom to Fit shift + 1
Zoom to Selection shift + 2
Zoom to Previous Frame shift + N
Zoom to Next Frame N
Previous Page Page Up
Next Page Page Down
Find Previous Frame Home
Find Next Frame End
Text
Bold ⌘ + B
Italic ⌘ + I
Underline ⌘ + U
Paste and Match Style shift + ⌘ + V
Create Link ⌘ + K
Text Align Left ⌥ + ⌘ + L
Text Align Center ⌥ + ⌘ + T
Text Align Right ⌥ + ⌘ + R
Text Align Justified ⌥ + ⌘ + J
Adjust Front Size shift + ⌘ + < and >
Adjust Letter Spacing ⌥ + , and .
Adjust Line Height shift + ⌥ + < and >
Shape
Pen P
Pencil shift + P
Paint Bucket (While editing a shape…) B
Bend Tool (While editing a shape…)
Remove Fill ⌥ + /
Remove Stroke /
Swap Fill and Stroke shift + X
Outline Stroke shift + ⌘ + O
Flatten Selection ⌘ + E
Join Selection (After selecting points…) ⌘ + J
Smooth Join Selection (After selecting points…) shift + ⌘ + J
Delete and Heal Selection (After selecting points…) shift + delete
Selection
Select All ⌘ + A
Select Inverse shift + ⌘ + A
Select None Esc
Deep Select ⌘ + click
Select Layer Menu ⌘ + right-click
Select Child Enter
Select Parents shift + Enter
Select Next Sibling Tab
Select Previous Sibling shift + Tab
Group Selection ⌘ + G
Ungrounp Selection shift + ⌘ + G
Frame Selection ⌥ + ⌘ + G
Show/Hide Selection shift + ⌘ + H
Lock/Unlock Selection shift + ⌘ + L
Cursor
Measure to Selection (While pointing…)
Duplicate Selection (While moving…)
Deep Select (While clicking…) ⌘ + click
Select Layer Menu (While clicking…) ⌘ + right-click
Deep Select Within Rectangle (While dragging to select…) ⌘ + drag
Resize from Center (While resizing…)
Resize Proportionally (While resizing…) shift
Move While Resizing (While resizing…) Space
Ignore Constraints(Frames Only) (While resizing…)
Edit
Copy ⌘ + C
Cut ⌘ + X
Paste ⌘ + V
Paste Over Selection shift + ⌘ + V
Duplicate ⌘ + D
Rename Selection ⌘ + R
Export shift + ⌘ + E
Copy Properties ⌥ + ⌘ + C
Paste Properties ⌥ + ⌘ + V
Transform
Flip Horizontal shift + H
Flip Vertical shift + V
Use as Mask ⌃ + ⌘ + M
Edit Shape or Image Enter
Place Image shift + ⌘ + K
Crop Image ⌥ + dbl-click
Set Opacity to 10% 1
Set Opacity to 50% 5
Set Opacity to 100% 0
Arrange
Bring Forward ⌘ + ]
Send Backward ⌘ + [
Bring to Front ⌥ + ⌘ + ]
Send to Back ⌥ + ⌘ + [
Align Left/Right ⌥ + A and D
Align Top/Bottom ⌥ + W and S
Align Center ⌥ + H and V
Distribute Spacing ⌃ + ⌥ + H and V
Tidy Up ⌃ + ⌥ + T
Add Auto Layout shift + A
Remove Auto Layout ⌥ + shift + A
Components
Show Components ⌥ + 2
Team Library ⌥ + ⌘ + O
Create Component ⌥ + ⌘ + K
Detach Instance ⌥ + ⌘ + B
Swap Component Instance (While dragging from Assets…)

「control + Shift + ?」で表示したショートカットコマンドの画像一覧

参考

Share