[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 ToolV
Frame ToolF
Pen ToolP
Pencil Toolshift + P
Text ToolT
Rectangle ToolR
Ellipse ToolO
Line ToolL
Arrow Toolshift + L
Add/Show CommentsC
Pick Color⌃ + C
Slice ToolS
View
Show/Hide UI⌘ + \
Show Multiplayer Cursors⌥ + ⌘ + \
Rulersshift + 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
PenSpace + drag
Zoom In+
Zoom Out
Zoom to 100%shift + 0
Zoom to Fitshift + 1
Zoom to Selectionshift + 2
Zoom to Previous Frameshift + N
Zoom to Next FrameN
Previous PagePage Up
Next PagePage Down
Find Previous FrameHome
Find Next FrameEnd
Text
Bold⌘ + B
Italic⌘ + I
Underline⌘ + U
Paste and Match Styleshift + ⌘ + V
Create Link⌘ + K
Text Align Left⌥ + ⌘ + L
Text Align Center⌥ + ⌘ + T
Text Align Right⌥ + ⌘ + R
Text Align Justified⌥ + ⌘ + J
Adjust Front Sizeshift + ⌘ + < and >
Adjust Letter Spacing⌥ + , and .
Adjust Line Heightshift + ⌥ + < and >
Shape
PenP
Pencilshift + P
Paint Bucket (While editing a shape…)B
Bend Tool (While editing a shape…)
Remove Fill⌥ + /
Remove Stroke/
Swap Fill and Strokeshift + X
Outline Strokeshift + ⌘ + 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 Inverseshift + ⌘ + A
Select NoneEsc
Deep Select⌘ + click
Select Layer Menu⌘ + right-click
Select ChildEnter
Select Parentsshift + Enter
Select Next SiblingTab
Select Previous Siblingshift + Tab
Group Selection⌘ + G
Ungrounp Selectionshift + ⌘ + G
Frame Selection⌥ + ⌘ + G
Show/Hide Selectionshift + ⌘ + H
Lock/Unlock Selectionshift + ⌘ + 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 Selectionshift + ⌘ + V
Duplicate⌘ + D
Rename Selection⌘ + R
Exportshift + ⌘ + E
Copy Properties⌥ + ⌘ + C
Paste Properties⌥ + ⌘ + V
Transform
Flip Horizontalshift + H
Flip Verticalshift + V
Use as Mask⌃ + ⌘ + M
Edit Shape or ImageEnter
Place Imageshift + ⌘ + 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 Layoutshift + 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