Adobe XDとは？現在の提供状況・できること・今から使うべきかを解説

Adobe XDは、Webサイトやアプリの画面設計、UIデザイン、ワイヤーフレーム、プロトタイプ作成に使えるAdobeのデザインツールです。

シンプルな操作感で、画面デザインからクリック後の動きの確認、共有までを1つのツールで行えるため、WebデザインやUI/UXデザインの制作現場で使われてきました。

ただし、現在のAdobe XDはメンテナンスモードの扱いです。既存のXDファイルを扱う人には今でも役立つ場面がありますが、これからUI/UXデザインを学ぶ人や新しい制作環境を作る人は、Figmaなどの選択肢も含めて検討するのがおすすめです。

Adobe XDとは？できることをまとめて解説

Adobe XDは、Webサイトやスマホアプリの画面を設計し、見た目を作り、クリック後の動きまで確認できるUI/UXデザインツールです。

PhotoshopやIllustratorのように1枚の画像やグラフィックを作るだけでなく、複数の画面をつなげて「実際に操作したときの流れ」を確認できるのが特徴です。

項目	Adobe XDでできること
ワイヤーフレーム	Webサイトやアプリの画面構成を作る
デザインカンプ	完成イメージに近い画面デザインを作る
プロトタイプ	画面同士をつなぎ、クリック後の動きを確認する
共有・レビュー	URLでデザインやプロトタイプを共有する
デザインスペック	色、サイズ、余白などの情報を開発者へ共有する
Adobe連携	PhotoshopやIllustratorの素材を使った制作に活用する

ワイヤーフレームやサイトマップを作成できる

ワイヤーフレームとは、Webサイトやアプリの設計図のようなものです。

ロゴ、ボタン、メニュー、画像、テキストなどをどこに配置するかを整理し、デザイン前の構成を確認します。

サイトマップは、サイト全体のページ構成やページ同士のつながりを整理する図です。

Web制作では、次のように「設計 → 見た目 → 実装」の流れで進めることが多く、XDは設計から見た目の確認までしやすいツールです。

1. ワイヤーフレームで画面構成を決める
2. デザインカンプで完成イメージを作る
3. コーディングや実装へ進む

プロトタイプやデザインスペックを共有できる

Adobe XDでは、作成した画面同士を線でつなぎ、クリック後にどの画面へ移動するかを確認できます。

プロトタイプを共有すれば、デザイナー、クライアント、開発者の間で「押した後にどう動くか」を確認しやすくなります。

また、デザインスペックを共有すると、オブジェクトのサイズ、色、境界線、余白などの情報を確認しやすくなります。

PhotoshopやIllustratorの素材も使いやすい

Adobe XDはAdobe製のデザインツールなので、PhotoshopやIllustratorで作成した画像、ロゴ、アイコンなどを使ったUIデザインにも向いています。

写真加工はPhotoshop、ロゴやアイコン作成はIllustrator、画面設計やプロトタイプはXDというように、用途ごとに使い分けると制作しやすくなります。

Adobe XDの現在の提供状況と注意点

Adobe XDは現在、積極的に新機能を追加していく段階ではなく、メンテナンスモードの製品として扱われています。

Adobe公式のAdobe XDサポートページでも、XDはメンテナンスモードであり、継続的な開発や新機能追加に投資していないとされています。

そのため、既存のXDファイルを編集する、取引先からXDデータを受け取る、すでにXDで運用しているチームで作業する、といった用途では今でも使う価値がありますが、これからUI/UXデザインを学ぶ人や、新しいチームの標準ツールを決める人は、Figmaなど現在も開発が進んでいるツールも含めて検討したほうがよいです。

判断ポイント	現在の考え方
新機能の追加	大きな新機能追加を前提にしたツールではない
既存ファイルの編集	XDデータを扱う必要がある人には今でも有用
新規学習	これから学ぶならFigmaなども含めて検討
チーム導入	長期運用する標準ツールとしては慎重に判断
無料版	無料版としての提供は終了

Adobe XDは「終了した」わけではないが、「現在はメンテナンスモードで基本的に更新されない」ソフトとして考えると良いと思います。

なお、AdobeとFigmaの買収計画は2023年12月に終了しています。現在のXDを考えるうえでは、「AdobeがFigmaを買収するからXDがどうなる」という前提ではなく、XD自体の提供状況と制作環境に合わせて判断することが大切です。

参考：AdobeとFigmaの買収契約終了に関するAdobe公式発表

Adobe XDのメリット

Adobe XDは現在でも、既存データの編集やAdobe中心の制作環境では役立つ場面があります。

新規で主力ツールにするかは別に考える必要がありますが、ツール自体の使いやすさや軽さには今でも評価できる点があります。

リピートグリッドで同じ要素を並べやすい

リピートグリッドは、同じデザイン要素をドラッグで繰り返し配置できる機能です。

カード型の一覧、商品リスト、ニュース一覧、ボタンや画像の繰り返しなど、同じパターンを並べる画面を作るときに便利です。

シンプルな画面設計や既存XD案件に使いやすい

Adobe XDは、複雑な機能を大量に覚えなくても、画面を作って、つないで、共有する流れを比較的シンプルに扱えます。

特に、過去にXDで作った案件を更新する場合や、取引先からXDファイルを受け取る場合は、XDを使える状態にしておくメリットがあります。

Adobe XDの無料版・料金・ダウンロードの現状

Adobe XDは、以前は無料のスタータープランがあり、有料プランに加入することにより共有機能が使えるようになったりする「無料ソフト扱い」されることが多いソフトでした。

しかし現在は、無料版がなくなり、有料の単体プランも終了してCreative Cloudプラン利用者のみが利用可能となっています。

Adobe XDが含まれるCreative Cloudプランは20種類以上のデスクトップアプリが使えるコンプリートプランとなっています。価格は以下のとおりです。

プラン名	月々プラン	年間契約 （月払い）	年間プラン （一括払い）
Creative Cloud Standard	¥10,280/月	¥6,480/月	¥72,336/年
Creative Cloud Pro	¥14,480/月	¥9,080/月	¥102,960/年

StandardとProは、「生成AIを使うか」「Web・モバイルアプリを使うか」の2点の差がメインとなっています。Adobe XDに関してはStandardプランでもProと全く同じに使うことができます。

Creative Cloud StandardとProの違いについては以下の記事をご覧ください。

XDの料金についてもっと詳しく知りたい方は以下の記事をご覧ください。

Adobe XDについてよくある質問

まとめ：Adobe XDはまだ使えるがメンテナンスモードのため将来性は薄い

Adobe XDは、WebサイトやアプリのUIデザイン、ワイヤーフレーム、プロトタイプ作成に使えるAdobeのデザインツールです。

シンプルで扱いやすく、PhotoshopやIllustratorの素材を使った制作にも向いているため、既存のXDデータを扱う人や、すでにXDで運用している案件では今でも役立つ場面があります。

一方で、現在はメンテナンスモードのため、これからUI/UXデザインを学ぶ人や、新しいチームの標準ツールを決める人は、Figmaなど現在も開発が進んでいるツールも含めて検討するのがおすすめです。