![見出し画像](https://assets.st-note.com/production/uploads/images/73814294/rectangle_large_type_2_c1dc1af9a30e77b16ca3b921820b73c4.png?width=1200)
FigmaとXDのショートカットキー対応表(一部まとめ)
みなさんショートカットキー使いこなしていますか??
私は作業の効率化が好きなのでショートカットキーは頻繁に使うショートカットキーは手で覚えたり勘で(?)使っています。
コピー&ペーストのような一般的なショートカットキーはどのツールでも同じですが、デザインツールなどの作業の際は同じ動作でもショートカットキーが異なることもあります。
そこで今回はMac版におけるFigmaとXDのショートカットキーの一部の対応表を作りました!
もし参考になれば幸いです。
(間違っている箇所があれば教えていただきたいです🙏)
一番最後に対応表をまとめた画像を置いてありますのでよろしければそちらもダウンロード等して活用してください!
パスまたはペンに関するショートカットキー
![](https://assets.st-note.com/img/1646820199881-sDTdzqzqTA.png)
合体
XD ⌥⌘U
Figma ---
前面オブジェクトで型抜き
XD ⌥⌘S
Figma ---
交差
XD ⌥⌘I
Figma ---
重なる部分を中マド
XD ⌥⌘X
Figma ---
パスに変換
XD ⌘8
Figma ⇧⌘O
レイヤー(オブジェクト)、グループ、スクロールグループ、およびアートボード用のキー
![](https://assets.st-note.com/img/1646820232087-AvcBahZkFx.png)
レイヤー(オブジェクト)をグループ化
XD ⌘G
Figma ⌘G
レイヤー(オブジェクト)をグループ解除
XD ⇧⌘G
Figma ⇧⌘G
オブジェクトをフレーム化
XD ---
Figma ⌥⌘G
オートレイアウト化
XD ---
Figma ⇧A
コンポーネントにする
XD ⌘K
Figma ⌥⌘K
インスタンスをデタッチ
XD ---
Figma ⌥⌘B
レイヤーのロック/ロック解除
XD ⌘L
Figma ⌘⇧L
レイヤーの表示 / 非表示
XD ⌘,
Figma ⇧⌘H
レイヤー(選択中以外)を全て閉じる
XD ---
Figma ⌥L
シェイプでマスク
XD ⇧⌘M
Figma ⌃⌘M
リピートグリッドにする
XD ⌘R
Figma ---
アートボードガイドを表示/隠す
XD ⌘;
Figma ⌘.
要素を 10px ずつ移動 (FigmaはNudge amount で数値は変更可)
XD ⇧矢印
Figma ⇧矢印
10px 単位で要素のサイズを変更
XD ⌘⇧矢印
Figma ⌘⇧矢印
水平スクロール
XD ⇧⌘H
Figma ---
垂直スクロール
XD ⇧⌘V
Figma ---
水平および垂直スクロール
XD ⇧⌘D
Figma ---
整列に関するショートカットキー
![](https://assets.st-note.com/img/1646820260635-nxm1RHPbIJ.png)
左
XD ⌃⌘←
Figma ⌥A
中央(水平方向)
XD ⌃⌘C
Figma ⌥H
右
XD ⌃⌘→
Figma ⌥D
上部
XD ⌃⌘↑
Figma ⌥W
中央(垂直方向)
XD ⌃⌘M
Figma ⌥V
下部
XD ⌃⌘↓
Figma ⌥S
水平方向へ等間隔に分布
XD ---
Figma ⌃⌥H
垂直方向へ等間隔に分布
XD ---
Figma ⌃⌥V
自動整列
XD ---
Figma ⌃⌥T
重ね順に関するショートカットキー
![](https://assets.st-note.com/img/1646820273303-t8SL7Ay6Je.png)
最前面
XD ⇧⌘]
Figma ⌥⌘]
前面
XD ⌘]
Figma ⌘]
背面
XD ⌘[
Figma ⌘[
最背面へ
XD ⇧⌘[
Figma ⌥⌘[
分布に関するショートカットキー
![](https://assets.st-note.com/img/1646820284927-3mSMgeDFUT.png)
水平
XD ⌃⌘H
Figma ⇧H
垂直
XD ⌃⌘V
Figma ⇧V
テキストに関するショートカットキー
![](https://assets.st-note.com/img/1646820299789-i5VGzTKwg0.png)
フォントサイズを上げる
XD ⇧⌘>
Figma ⇧⌘>
フォントサイズを下げる
XD ⇧⌘<
Figma ⇧⌘<
リンクを追加
XD ---
Figma ⌘K
ツールメニューのショートカットキー
![](https://assets.st-note.com/img/1646820327129-1hAvkRTQ1A.png)
選択
XD V
Figma V
長方形
XD R
Figma R
楕円形
XD E
Figma O
多角形
XD Y
Figma ---
線
XD L
Figma L
ペン
XD P
Figma P
テキスト
XD T
Figma T
アートボード
XD A
Figma A
選択範囲に合わせてズーム
XD ⌘3
Figma ⇧2
スポイト
XD I
Figma I
画像貼り付け
XD ---
Figma ⌘⇧K
インターフェイスおよび表示オプションのキー
![](https://assets.st-note.com/img/1646820342208-8CzWoYBfcl.png)
![](https://assets.st-note.com/img/1646722676849-3vrP5ATX0h.png)
デザインモードに切り替え
XD ⌥1
Figma ⌥8
プロトタイプモードに切り替え
XD ⌥2
Figma ⌥9
画面サイズに合わせる
XD ⌘0
Figma ⇧1
100%
XD ⌘1
Figma ⌘0
アセット
XD ⇧ ⌘ Y
Figma ⌥2
レイヤー
XD ⌘ Y
Figma ⌥1
レイアウトグリッドを表示
XD ⇧ ⌘ '
Figma ---
方眼グリッドを表示
XD ⌘ '
Figma ---
フルスクリーンモード
XD ^⌘F
Figma ^⌘F
Figma、XD対応表
![](https://assets.st-note.com/img/1646820373808-s3LECo1iqf.png?width=1200)
今回参考にさせていただいたサイトです。
ありがとうございました!
XDショートカットキー参考:
https://helpx.adobe.com/jp/xd/help/keyboard-shortcuts.html
Figmaショートカットキー参考:
https://www.koreyome.com/figma-shortcut-list-202202/
いいなと思ったら応援しよう!
![のま](https://assets.st-note.com/production/uploads/images/7290491/profile_e8705b1f7bd2b4b2e2b4424fe968ee1c.jpg?width=600&crop=1:1,smart)