Adobe XDでよく使うショートカットキーまとめ【カテゴリ別】

Adobe XDでよく使うショートカットキーまとめ【カテゴリ別】

※本サイトは広告が含まれています。

Adobe XDでUI/UXデザイン作業をする際、ショートカットキーを使いこなすことで作業効率が劇的に向上します。マウス操作だけでは時間がかかる作業も、キーボード操作を組み合わせることで数秒で完了できます。

この記事では、Adobe XDでよく使うショートカットキーを、Windows・Mac両対応で分かりやすく表形式にまとめました。初心者の方からプロのUI/UXデザイナーまで、今日から使える実用的なショートカットを厳選してご紹介します。

よく使う基本操作のショートカットキー

デザイン作業で最も頻繁に使う基本的なショートカットキーです。
これらを覚えるだけで作業効率が大幅にアップします。

操作内容WindowsMac
新規ドキュメント作成Ctrl + NCommand + N
ファイルを開くCtrl + OCommand + O
上書き保存Ctrl + SCommand + S
閉じるCtrl + WCommand + W
終了Ctrl + QCommand + Q
コピーCtrl + CCommand + C
カットCtrl + XCommand + X
ペーストCtrl + VCommand + V
元に戻すCtrl + ZCommand + Z
やり直しCtrl + Shift + ZCommand + Shift + Z
すべて選択Ctrl + ACommand + A
選択を解除EscEsc
複製(ドラッグ中)Alt + ドラッグOption + ドラッグ
選択内容を複製Ctrl + DCommand + D

選択・移動ツールのショートカットキー

オブジェクトの選択や移動に関するショートカットです。
UI/UXデザイン作業の基礎となる重要な操作です。

操作内容WindowsMac
選択ツールVV
ダイレクト選択ツール(なし)
背面のオブジェクトを選択Ctrl + クリックCommand + クリック
オブジェクトを1pxずつ移動矢印キー矢印キー
オブジェクトを10pxずつ移動Shift + 矢印キーShift + 矢印キー
水平・垂直に移動Shift + ドラッグShift + ドラッグ
中心から拡大縮小Alt + ドラッグOption + ドラッグ
縦横比を保って拡大縮小Shift + ドラッグShift + ドラッグ

描画ツールのショートカットキー

図形やパスを描画する際に使用する頻度の高いツールのショートカットです。

操作内容WindowsMac
長方形ツールRR
楕円形ツールEE
線ツールLL
ペンツールPP
テキストツールTT
アートボードツールAA
正方形を描画Shift + ドラッグShift + ドラッグ
正円を描画Shift + ドラッグShift + ドラッグ
中心から図形を描画Alt + ドラッグOption + ドラッグ
正方形・正円を中心から描画Shift + Alt + ドラッグShift + Option + ドラッグ

オブジェクト操作のショートカットキー

選択したオブジェクトを編集・変形する際に使用するショートカットです。

操作内容WindowsMac
グループ化Ctrl + GCommand + G
グループ解除Ctrl + Shift + GCommand + Shift + G
ロックCtrl + LCommand + L
すべてをロック解除Ctrl + Shift + LCommand + Shift + L
非表示Ctrl + ;Command + ;
マスクでグループ化Ctrl + Shift + MCommand + Shift + M
最前面へCtrl + Shift + ]Command + Shift + ]
前面へCtrl + ]Command + ]
背面へCtrl + [Command + [
最背面へCtrl + Shift + [Command + Shift + [
パスを結合Ctrl + Shift + UCommand + Shift + U
交差Ctrl + Shift + ICommand + Shift + I
パスを型抜きCtrl + Shift + XCommand + Shift + X
水平方向に反転Ctrl + Shift + FCommand + Shift + F
垂直方向に反転Ctrl + Shift + VCommand + Shift + V

表示・画面操作のショートカットキー

アートボードやキャンバスの表示を調整するショートカットです。
作業効率に直結する重要な操作です。

操作内容WindowsMac
ズームツールZZ
ズームインCtrl + +Command + +
ズームアウトCtrl + –Command + –
100%表示Ctrl + 1Command + 1
すべてのアートボードに合わせるCtrl + 0Command + 0
選択範囲にズームCtrl + 3Command + 3
手のひらツールスペーススペース
グリッドを表示Ctrl + ‘Command + ‘
レイアウトグリッドを表示Ctrl + Shift + ‘Command + Shift + ‘
正方形グリッドを表示なし(メニューから)なし(メニューから)
ガイドを表示/非表示Ctrl + ;Command + ;
デザインモードCtrl + Shift + DCommand + Shift + D
プロトタイプモードCtrl + Shift + ECommand + Shift + E
共有モードCtrl + Shift + SCommand + Shift + S

文字・テキストのショートカットキー

テキスト編集時に頻繁に使用するショートカットです。

操作内容WindowsMac
テキストツールTT
フォントサイズを大きくCtrl + Shift + >Command + Shift + >
フォントサイズを小さくCtrl + Shift + <Command + Shift + <
太字Ctrl + BCommand + B
斜体Ctrl + ICommand + I
下線Ctrl + UCommand + U
テキストの左揃えCtrl + Shift + LCommand + Shift + L
テキストの中央揃えCtrl + Shift + CCommand + Shift + C
テキストの右揃えCtrl + Shift + RCommand + Shift + R
行送りを増やすAlt + ↓Option + ↓
行送りを減らすAlt + ↑Option + ↑
文字間隔を広げるAlt + →Option + →
文字間隔を狭めるAlt + ←Option + ←

レイヤー・アセット操作のショートカットキー

レイヤーやアセットを効率的に操作するためのショートカットです。

操作内容WindowsMac
レイヤーパネルを表示Ctrl + YCommand + Y
アセットパネルを表示Ctrl + Shift + YCommand + Shift + Y
レイヤー名を変更EnterReturn
レイヤーを削除DeleteDelete
コンポーネントを作成Ctrl + KCommand + K
コンポーネントを編集EnterReturn
コンポーネント編集を終了EscEsc
リピートグリッドを作成Ctrl + RCommand + R

アートボード操作のショートカットキー

アートボードを管理する際に使用するショートカットです。

操作内容WindowsMac
アートボードツールAA
新規アートボード作成Ctrl + N(アートボードツール時)Command + N(アートボードツール時)
アートボードを複製Alt + ドラッグOption + ドラッグ
前のアートボードへPage UpPage Up
次のアートボードへPage DownPage Down
ホームアートボードへHomeHome

プロトタイプ・プレビューのショートカットキー

プロトタイピングとプレビュー機能に関するショートカットです。

操作内容WindowsMac
プレビューCtrl + EnterCommand + Enter
デスクトッププレビューCtrl + Shift + EnterCommand + Shift + Enter
録画を開始/停止Ctrl + Alt + RCommand + Option + R
インタラクションを追加なし(ドラッグ)なし(ドラッグ)
ホームアートボードに設定なし(パネルから)なし(パネルから)

プラグイン・連携のショートカットキー

プラグインや外部ツールとの連携に関するショートカットです。

操作内容WindowsMac
プラグインメニューCtrl + Shift + PCommand + Shift + P
前回使用したプラグインを実行Ctrl + Alt + PCommand + Option + P
プラグインを参照なし(メニューから)なし(メニューから)

ショートカットキーを覚えるコツ

1. 頻度の高いものから覚える

すべてのショートカットを一度に覚える必要はありません。
まずは基本操作や選択ツールなど、毎日使う操作から覚えていきましょう。
特にXDでは、コンポーネント作成(Ctrl/Command + K)とリピートグリッド(Ctrl/Command + R)は必須です。

2. 実際の作業で使いながら覚える

頭で覚えるよりも、実際のUI/UXデザイン作業で繰り返し使うことで自然と身につきます。
最初は遅くても、意識的にショートカットを使うようにしましょう。

3. モード切り替えを活用する

XDにはデザインモード、プロトタイプモード、共有モードがあります。
それぞれのモード切り替えショートカット(Ctrl/Command + Shift + D/E/S)を覚えることで、スムーズなワークフローが実現できます。

4. よく使うショートカットをメモする

デスクの見える場所にショートカット一覧を貼っておくと、すぐに確認できて便利です。
特にXD特有のコンポーネントやリピートグリッド関連は最初に覚えたい機能です。

5. IllustratorやPhotoshopとの違いを意識する

Adobe製品間で共通のショートカットも多いですが、XD独自のものもあります。
特にコンポーネント機能やプロトタイプ機能は、XDならではの強力な機能なので、積極的に使いこなしましょう。


まとめ

Adobe XDのショートカットキーは、UI/UXデザインの作業効率を向上させる最も手軽な方法です。最初はすべてを覚える必要はなく、よく使う操作から少しずつマスターしていくことをおすすめします。

この記事で紹介したショートカットを活用することで、マウス操作の時間が大幅に削減され、より創造的なデザイン作業に集中できるようになります。特にコンポーネント、リピートグリッド、プロトタイプ機能のショートカットは、XDの真価を発揮するための必須スキルです。

ぜひ今日から実践して、快適なUI/UXデザイン環境を構築してください。


その他Adobeツール ショートカットキーまとめ記事

売れるデザイン【実績多数】Nextageへのお問い合わせはこちら

CTA-IMAGE 実際に売上を上げているデザイン、お見せします。
企業の集客アップから芸能・音楽・アニメ業界での知名度向上まで、結果にこだわったWeb制作・デザイン制作を提供。「きれい」だけでなく「売れる」デザインを体験してください。

デザインカテゴリの最新記事