モバイルデバイスで XD アプリケーションを使用すると、モバイルデザインをリアルタイムでプレビューしたり、Creative Cloud から保存済みの XD ファイルを開いたりすることができます。また、公開されているプロトタイプをモバイルブラウザーでどこからでもプレビューできます。

Adobe XD モバイルアプリケーションを使用すると、以下のことをおこなえます。

  • XD を実行中のコンピューターに USB を使用してモバイルデバイスを接続し、デスクトップ上でデザインやプロトタイプを編集し、接続されたモバイルデバイス上でそれらをリアルタイムにプレビューします。詳しくは、モバイルデバイスでのプロトタイプのリアルタイムプレビューを参照してください。
  • Mac または Windows 上の XD から Cloud ドキュメントフォルダーに保存した XD ドキュメントをプレビューします。XD ドキュメントをモバイルデバイスで表示し、他のユーザーと共有します。 

注意:

デバイスが Windows 10 で Adobe XD を実行している場合、USB によるリアルタイムプレビューは Android ではサポートされていません。

モバイルブラウザーを使用して、公開されているプロトタイプをどこからでも簡単にプレビューできます。

モバイルデバイスでのプレビューの要件

リアルタイムで、または Creative Cloud から XD ファイルを開いてプレビューするには:

サポートされる iOS および Android のバージョンのリストについては、Adobe XD モバイル版に関する FAQ を参照してください。

公開されているプロトタイプをプレビューするには:

  • モバイルブラウザー。

サポートされるモバイルブラウザーのリストについては、サポートされるブラウザーを参照してください。

モバイルデバイスでのプロトタイプのリアルタイムプレビュー

USB ケーブルでコンピューターに接続されたモバイルデバイス上で、デザインをリアルタイムにプレビューします。

デバイスでのプロトタイプのリアルタイムプレビュー
デバイスでのプロトタイプのリアルタイムプレビュー
  1. Adobe XD デスクトップ版を実行するコンピューターの USB ポートにモバイルデバイスを接続します。Creative Cloud から入手できる最新バージョンの XD デスクトップ版をインストールしていることを確認してください。

    注意:

    データを転送する USB ケーブルを使用していることを確認します。一部の USB ケーブルでは料金が発生し、またデータを転送できないケーブルがあります。

  2. デバイスで Adobe XD を開きます。

  3. Adobe XD デスクトップ版で現在選択されている(またはフォーカスのある)アートボードがデバイスに表示されます。デザインにおこなったすべての変更が、モバイルデバイスにリアルタイムに反映されます。

    プロトタイプモードでインタラクションを作成するワイヤーを追加した場合、デスクトップのプレビューウィンドウでおこなうのと同じようにインタラクションワークを確認できます。

    注意:

    モバイルでのプレビュー時にフォントがデバイスに送信されます。ただし、一部のフォントベンダーではフォントの転送、表示または配布が許可されていません。お客様とフォントベンダー間のフォント使用許諾契約を順守することにおいて、お客様にその責任があります。

    モバイルデバイスでプロトタイプを表示するとき、必要なフォントがデバイスに存在しない場合は、警告メッセージが表示されます。存在しないフォントは、使用可能なフォントに置き換えられます。

  4. 詳細なオプションを表示するには、モバイルアプリの画面をタップして長押しします。

    • アートボードの参照:デザイン内のすべてのアートボード間をスクロールします
    • この画面を画像として共有:電子メール、Slack、またはその他のチャネルで PNG ファイルとして特定のアートボードを共有します
    • ホットスポットのヒント:プロトタイプ表示中のホットスポットのヒントを有効にします

Creative Cloud Files に保存された XD ドキュメントのプレビュー

Creative Cloud Files フォルダーに XD ドキュメントをアップロードすることで、ドキュメントをプレビューできます。

  1. XD ドキュメントが、デスクトップの Creative Cloud Files フォルダーに保存され同期されていることを確認します。

  2. モバイルデバイスで Adobe XD を開きます。

  3. XD ドキュメントに移動します。

    変更された最新のファイルに従って、一覧表示されたアプリで Creative Cloud Files フォルダー内のすべての XD ドキュメントを表示できます。ファイル名でファイルを検索し、昇順または降順に並べ替えることができます(アルファベット順または最終変更日時順)。目的のファイルが見つかったら、ファイルをタップして表示します。

  4. プレビュー中にプロトタイプオプションにアクセスするには、画面を長押しします。

    • アートボードの参照:デザインで目的のアートボードを検索してジャンプします。
    • この画面を画像として共有:電子メール、ソーシャルメディア、またはデバイスで提供されている他の共有オプションを使用して、PNG ファイルとして特定のアートボードを共有します。
  5. モバイルアプリでデザインを確認した後は、プロトタイプをレビュー担当者と共有できます。 

    プロトタイプを共有する前に、ホットスポットのヒントが有効になっていることを確認します。モバイルデバイスの画面をタップして長押しし、ホットスポットのヒントを有効にします。

  6. 電子メール、ソーシャルメディア、またはデバイスで提供されている他の共有オプションを使用して、他のユーザーとプロトタイプのリンクを共有します。モバイルデバイスの画面をタップして長押しし、「プレビューのための共有」を押します。

    注意:

    プロトタイプを共有できるのは、プロトタイプが XD デスクトップアプリケーションを使用して以前に少なくとも 1 回は共有されている場合だけです。

ダウンロードした XD ファイルのデバイスからの削除

モバイルデバイスのストレージ容量を管理するため、設定/環境設定をタップすることで、ダウンロードしたファイルを削除できます。

ここでは、ローカル領域の使用量を確認した後、「オフラインドキュメントを削除」をタップして、デバイスにダウンロードした XD ドキュメントを削除できます。

また、ファイルを選択して「オフラインで使用可能」オプションを無効にすることで、個々のファイルを削除することもできます。

公開されているプロトタイプのモバイルブラウザーでのプレビュー

公開されているプロトタイプのリンクをモバイルブラウザーで開くと、ズームインしたアートボードでプロトタイプを表示できます。プロトタイプのアートボードがリンクされていない場合、左または右にスワイプしてアートボード間を移動できます。

ズームインしたアートボードでピンチインし、パンビューに切り替えることもできます。

パンビューで使用できるオプションは次のとおりです。

  •  アイコンは、ホームアートボードに移動します。
  •  矢印は、アートボード間を移動します。
  • ホームアイコンの左側にある  アイコンは、プロトタイプ名と作成日を示します。
  • ホームアイコンの右側にある  アイコンは、違反報告をおこないます。

注意:

XD プロトタイプを初めてブラウザーで開いた場合、画面を 3 秒間操作しないでいると、ピンチインアイコンが表示され、パンビューに切り替えるにはアートボードをピンチインする必要があることが示されます。このピンチアイコンは、公開されている別のプロトタイプを開いても再表示されることはありません。

ズームインされた表示
ズームインされた表示
パンビュー
パンビュー

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー