ファイルを知る、使いこなす。
.xd

Adobe XDデザイン文書

クリエイティブ・編集

XDはAdobe XDのローカルデザイン文書に使われます。画面の図形だけでなく、コンポーネントやプロトタイプの接続等を扱います。Adobe XDはメンテナンスモードのため、現在利用できる環境と書き出し先を確認し、原本を残した移行を考えます。

主な用途
UIデザインとプロトタイプの原本
中身の種類
バイナリデータ
目次・よくある質問・根拠資料を見る

内容の最終確認: · 編集:Kai

開き方・操作手順

使っている環境や目的の項目を開いて、手順を確認してください。

Adobe XD(利用可能な対応環境)

原本を残し、対応アプリで内容を確認する方法です。

  1. 利用できるAdobe XD環境でローカル文書のコピーを開きます。
  2. 画面、部品、フォントとプロトタイプの接続を確認します。
  3. ローカル原本とクラウド文書・共有リンクを区別して管理します。
受け取ったファイルの条件を調べる

必要な付属ファイルや設定を、開く前に確認します。

  1. 送信されたものがXDファイルか、クラウドの共有URLか確認します。
  2. 作成版と利用可能なアカウント・アプリを確認します。
  3. リンクされた素材やライブラリへのアクセスを確認します。

操作名・対応状況はアプリ・OS・版によって異なります。変更する前に原本を残してください。

開けないとき:症状から確認

  • アプリを用意できない:作成者へPDFや画像、移行可能な成果物を依頼します。
  • 文字が変わる:フォントの不足と置換を確認します。
  • 共有リンクだけでは編集できない:共有目的と権限を確認します。
  • 別アプリへ移すと接続が消える:プロトタイプ情報は出力形式で保持できない場合があります。

XD → SVG / PNG / PDF

  1. 必要なアートボードや素材を選んで出力し、動作仕様は別の説明も用意します。
  2. 画面の寸法、文字、素材と、出力に含まれない操作仕様を確認します。

SVG・画像・PDFはXDのプロトタイプ、共同編集、部品の連動を完全には保持しません。

見た目と動作仕様を別々に移す

静的画像だけでは画面遷移、入力の条件、部品の状態までは説明できません。移行する場合は、どの操作でどこへ移るかを画面番号等で記録し、受け手と合意します。

この手順の根拠:Adobe · Adobe XD Help / Adobe · Cloud documents in Adobe XD

具体例:受け渡し前にここを確認

例:3画面の申込フォームを移行するなら、各画面を出力し、送信ボタンの遷移先とエラー時の状態も記録します。

この手順の根拠:Adobe · Adobe XD Help / Adobe · Cloud documents in Adobe XD

関連形式との違い

関連形式との違い
形式・方法用途と引き継ぐ情報
.xdUIデザインとプロトタイプの原本
FIG / PDFFIGは別の編集形式、PDFは静的な画面の確認用です。
XD → SVG / PNG / PDFSVG・画像・PDFはXDのプロトタイプ、共同編集、部品の連動を完全には保持しません。

取り扱いと安全性

共有リンクの公開範囲と、画面内の顧客情報・テスト用認証情報を確認します。

よくある質問

共有URLはXD原本と同じ?

閲覧・レビュー向けの公開物と編集原本は別です。

今から必ずXDを新規導入できる?

提供・利用条件はアカウント等によるため公式案内を確認します。

PDFにプロトタイプの動作も残る?

静的画面の出力と操作の動作仕様は別です。必要な遷移は別に記録します。

形式の基本情報:正式名称・MIME type・管理団体
名称
Adobe XD Design Document
管理・仕様
Adobe
MIME type
用途・配信元の指定を確認してください。拡張子だけでMIME typeは確定できません。

公式・一次情報

  • ソフトウェア公式Adobe XD Help

    XDの文書操作とメンテナンスモードの案内。

    Adobe · リンク確認:
  • ソフトウェア公式Cloud documents in Adobe XD

    ローカル文書とクラウド文書の操作。

    Adobe · リンク確認: