XDの機能

UI/UXのデザイン、プロトタイプ作成、共有、共同作業が可能なオールインワンツール。



デザイン



コンポーネントと上書き機能

新しくなったコンポーネントにより、複数パターンのUIパーツをすばやく簡単に作成できます。プロパティはコンポーネント間で共通させる部分と個々に設定する部分を分けることができます。


レスポンシブサイズ変更

レスポンシブサイズ変更

グループ化されたオブジェクトやコンポーネントを自動でレスポンシブなサイズ変更ができ、異なる画面サイズ対応の作業が効率化できます。手動モードでサイズ変更の挙動カスタマイズも可能です。


アセットパネル

アセットパネル

コンポーネントだけでなく、よく使うカラーや文字スタイルをアセットパネルに登録すれば、パネル上での変更をドキュメント全体に一括で反映できます。また、クラウド経由で共有もできます。


リピートグリッド

リピートグリッド

商品一覧など、同じフォーマットで繰り返し表示するグループを一瞬で作成できます。繰り返す要素を編集しても、残りすべての繰り返し要素に変更がリアルタイムで反映される最強の効率化機能です。




Sketch、Photoshop、Illustratorからの読み込み

すでにSketchやPhotoshop、Illustratorで作成したデザインデータをXDにそのまま読み込むことができます。読み込んだデータはXDファイルに変換されプロトタイプ機能なども利用可能です。



ベクターツールの最適化

描画とシェイプツール、形状モード、ベクター編集機能に特化し、ワイヤーフレーム、アイコン、その他のビジュアル要素の作成に最適な環境で作業できます。



高精度なデザイン

レイアウトと位置揃えには、アートボードガイド、レイアウトグリッドと相対測定機能を活用しましょう。



アセットの一括書き出し

書き出す要素をマークして、一括書き出しを選択すれば、任意のプラットフォームにすばやく書き出せます。または、デベロッパーがダウンロードできるように、デザインスペックに含めることもできます。




プロトタイプ


ワイヤープロトタイプのフロー

ワイヤープロトタイプのフロー

デザインモードからプロトタイプモードに切り替えれば、アートボード間を接続して、マルチスクリーンアプリのフローとパスを示すことができます。様々なトリガーとアクションを使い、ユーザーエクスペリエンスを定義して共有しましょう。



自動アニメーション

アートボード間のマイクロインタラクションを自動でアニメーション化します。要素を複製して、プロパティ(サイズ、位置、カラーなど)を変更すると、前後の変化が自動的に補間され、アニメーションが生成されます。


音声認識プロトタイプ

音声認識プロトタイプ

かつてない方法でプロトタイプを操作できます。ボイストリガーと読み上げ機能により、ユーザーは画面を頼らなくても操作できます。


デスクトップアプリケーションとゲーム体験

デスクトップアプリケーションとゲーム体験

キーボードショートカットとゲームパッドをトリガーとする高精度ゲーム体験のプロトタイプを作成できます。




オーバーレイのサポート

コンテンツの上にオーバーレイ表示される、メニュー、ダイアログ、バーチャルキーボードなどのビジュアル要素をすばやく追加できます。



固定する位置の設定

オブジェクトを同じ位置に固定し、ユーザーがスクロールしても動かないようにすることができます。プロトタイプのこの機能は、ヘッダー、フッター、その他の表示を固定するのに便利です。



タイマートランジション

アートボードの遷移タイミングを制御できるようになりました。自動フェードエフェクト、スピナー、ローダー、進行状況バーなどのアニメーションを作成できます。



iOSとAndroidデバイスでのプレビュー

XDモバイルアプリを使い、対象デバイス上でデザインとすべてのインタラクションをプレビューできます。デスクトップ上で変更を加えた後、対象デバイス上で正確さと有用性をテストできます。




共有


作品を関係者やデベロッパーと共有

関係者やデベロッパーと簡単に共有

XDから直接デザインとプロトタイプを共有しましょう。コンテンツは共有後もすばやく簡単に更新できます。また、様々な方法で共有した作品を管理し、アクセスをコントロールできます。


非公開招待(プレビュー)

非公開招待(プレビュー)

ユーザー指定の関係者のみに非公開で招待し、共有した作品へのアクセスを制限することができます。誰がプロトタイプをレビューし注釈を付けることができ、誰がデザインスペックにアクセスできるかをコントロールできます。


関係者向けwebベースのレビューとコメント機能

関係者向けレビューとコメント機能

共有可能なリンクを生成してデザインに対するフィードバックを取得したり、それらのリンクをBehanceやwebページに埋め込んだりすることができます。レビューアーはwebまたはモバイルから、プロトタイプや、デザインの特定の部分に、コメントを直接書き込むことができます。レビューアーによってコメントが書き込まれると、そのことが通知されます。変更をおこなった場合、レビューアーに返信でそれを通知できます。


デベロッパー向けwebベースのデザインスペック

デベロッパー向けwebベースのデザインスペック

開発者にリンクを送信すれば、インタラクティブプロトタイプからデザインスペックが自動的に作成されるので、開発プロセスを高速化できます。スペックには、デベロッパーがコードベースに直接コピーできるアートボードのシーケンスとフロー、カラー、文字スタイル、計測値、CSSコードスニペットが含まれます。デベロッパーはコメントの追加、アセットの抽出とダウンロードもできます。




プロトタイプのインタラクションをビデオに録画

プレビューをクリックすると、MP4ファイルに録画され、それをチーム内や関係先と共有できます。(macOSのみ)







共同作業


編集用招待

編集用招待

すぐに他のデザイナーを招待し、ドキュメント上で共同作業できます。XDでは全員が最新のバージョンにアクセスできるよう、簡単に統一できます。


ドキュメントプレゼンス

ドキュメントプレゼンス

どのチームメンバーが現在ドキュメントを表示し、編集しているかが一目でわかります。


ライブ共同編集

リアルタイム共同編集(まもなく公開予定)

同じデザインプロジェクトでチームのメンバーと同時に作業できるため、作業の重複や変更箇所の取り込みを避けることができます。編集中は、ほかの人がドキュメントのどの部分で作業しているかが明確にわかります。


ドキュメントヒストリー

バージョン管理(まもなく公開予定)

作業中に編集ヒストリーが自動的に保存されるため、いつでも前の編集段階に戻ることができます。重要なバージョンにマークしておけば、デザインを進めながらいつでも特定の段階に戻ることができます。




デザインシステムの作成


クラウドドキュメント

クラウドドキュメント

作品をクラウドドキュメントとして保存すれば、共同作業者とすぐに共有して、同じ原本を使用できます。クラウドドキュメントは自動的に更新されるため、作品が失われる心配はありません。



リンクされたアセット

共有クラウドドキュメントからデザイン要素をアセットパネルに追加すれば、シームレスに共同作業ができます。


アセットの更新管理

アセットの更新管理

リンクされたアセットに変更が加えられると、それがユーザーに通知され、反映するかどうかを選択できます。





Creative Cloudの互換性


Photoshop

Photoshopで画像を編集する

XDで直接Photoshopの画像を開き、編集できるようになりました。XDドキュメント上の画像を右クリックすると、Photoshopで新規ファイルとして開きます。編集を終えて「保存」をクリックするだけで、画像は自動的にリアルタイムでXDで更新されます。


Illustrator

Illustratorファイルを直接開く

Adobe Illustratorのデザインやアセットは簡単にXDに組み込めます。AIファイルをXDから直接開くだけで、アートボード、レイヤー、編集可能な状態を保持したまま、新しいXDファイルに自動的に変換されます。


After Effects

After Effectsの書き出し

デザインを書き出し、業界を代表するアニメーションツールであるAdobe After Effectsを使用してアニメーションをさらに追加することができます。


Adobe Fonts

容易なフォント管理

フォントが見つからなくて困った経験はありませんか。XDのドキュメントを開くと、Adobe Fontsが自動的に有効化されるようになりました。また、ドキュメント内の他の不足しているフォントも簡単に確認でき、一括で置換できます。



Creative Cloud

Creative Cloudライブラリのサポート

Creative Cloudライブラリとの統合により、Photoshop、Illustrator、その他のAdobe Creative Cloudアプリで作成されたラスター画像、ベクターグラフィック、カラー、文字スタイルにXD内からアクセスして適用し、ドキュメント内の任意の場所で再利用できます。







拡張性と利用可能性


100以上のサードパーティ製プラグイン

100以上のサードパーティ製プラグイン

デベロッパーコミュニティが作成した多彩なプラグインを使用して、ワークフローや連携用にXDの機能を拡張できます。これらのプラグインをアプリ内から簡単に検索および管理して、タスクの自動化、他のツールとの連携、データを活かしたデザインなどを実行します。
プラグインを見る


アプリ連携

アプリ連携

XDは、Slack、Jira、Microsoft Teams、Zeplin、Avocode、Sympliなど、使い慣れた共同作業と生産性アプリとの連携を強化しています。
アプリの連携を見る


クロスプラットフォーム対応

クロスプラットフォーム対応

XDは、Windows 10(Universal Windows Platform)とmacOSをネイティブサポートし、AndroidとiOS用モバイルアプリも付属しています。


多言語対応

多言語対応

サポートされている言語は、英語、フランス語、ドイツ語、日本語、中国語、韓国語、ポルトガル語(ブラジル)、スペイン語です。




お客様に最適なプランを見つけてください


XDスタータープラン

無料

アクティブな共有プロトタイプ数、1

アクティブな共有デザインスペック数、1

Adobe Fonts無料プラン(一部のフォントセットのみ)

2GBのクラウドストレージ

XD

1,180 円/月(1ユーザー)

(税別)

プロトタイプ数、無制限

デザインスペック数、無制限

Adobe Fontsポートフォリオプラン(全フォントライブラリ)

100GBのクラウドストレージ

XDグループ版

1,980 円/月(1ユーザー)

(税別)

プロトタイプ数、無制限

デザインスペック数、無制限

Adobe Fontsポートフォリオプラン(全フォントライブラリ)

100GBのクラウドストレージ

グループ版限定のビジネス向けの機能

導入のオンラインセミナー

webベースのAdmin Console

高度なテクニカルサポート


大規模な組織での購入にはお電話でご注文ください:0120-61-3884