マニュアル キャンセル

共有可能なリンクの作成

  1. Adobe XD ユーザーガイド
  2. はじめに
    1. Adobe XD の新機能
    2. よくある質問
    3. Adobe XD でのデザイン、プロトタイプ、共有
    4. カラーマネジメント
    5. 必要システム構成
      1. ハードウェアとソフトウェアの要件
      2. Adobe XD、Big Sur、Apple Silicon | macOS 11
    6. ワークスペースの基本
    7. Adobe XD でのアプリ言語の変更
    8. UI デザインキットへのアクセス
    9. Adobe XD のアクセシビリティ
    10. ショートカットキー
    11. ヒントとテクニック
  3. デザイン
    1. アートボード、ガイド、レイヤー
      1. アートボードの基本を学ぶ
      2. グリッドとガイドを使う
      3. スクロール可能なアートボードの作成
      4. レイヤーの操作
      5. スクロールグループを作成する
    2. シェイプ、オブジェクト、パス
      1. オブジェクトの選択、サイズ変更および回転
      2. オブジェクトの移動、分散および整列
      3. オブジェクトのグループ化、ロック、複製、コピー、および反転
      4. オブジェクトのストローク、塗り、ドロップシャドウの設定
      5. 繰り返しオブジェクトの作成
      6. 3D 変形を使って透視図を作成
      7. ブール演算を使用したオブジェクトの編集
    3. テキストとフォント
      1. 描画ツールとテキストツールの操作
      2. Adobe XD のフォント
    4. コンポーネントとステート
      1. コンポーネントによる作業
      2. 入れ子になったコンポーネントの操作
      3. コンポーネントへの複数ステートの追加
    5. マスキングと効果
      1. シェイプでマスクを作成
      2. ぼかし効果の操作
      3. グラデーションの作成と修正
      4. ブレンド効果の適用
    6. レイアウト
      1. レスポンシブサイズ変更とレイアウトの制約
      2. コンポーネントとグループへの固定パディングの設定
      3. スタックを使用して動的なデザインを作成する
    7. ビデオと Lottie アニメーション
      1. ビデオを操作
      2. ビデオを使用したプロトタイプの作成
      3. Lottie アニメーションを操作
  4. プロトタイプ
    1. インタラクティブプロトタイプを作成
    2. プロトタイプのアニメーション化
    3. 自動アニメーションでサポートされているオブジェクトプロパティ
    4. キーボードとゲームパッドでプロトタイプを作成
    5. 音声コマンドや音声再生を使用したプロトタイプの作成
    6. タイマートランジションの作成
    7. オーバーレイの追加
    8. 音声機能付きプロトタイプのデザイン
    9. アンカーリンクを作成
    10. ハイパーリンクの作成
    11. デザインとプロトタイプのプレビュー
  5. 共有、書き出し、およびレビュー
    1. 選択したアートボードの共有
    2. デザインおよびプロトタイプの共有
    3. リンクのアクセス権限を設定
    4. プロトタイプを操作
    5. プロトタイプのレビュー
    6. デザインスペックの使用方法
    7. デザインスペックの共有
    8. デザインスペックを確認する
    9. デザインスペックのナビゲート
    10. デザインスペックのレビューとコメント
    11. アセットの書き出し
    12. デザインスペックからのデザイン素材の書き出しとダウンロード
    13. エンタープライズ版のグループ共有
    14. XD アセットのバックアップまたは移行
  6. デザインシステム
    1. Creative Cloud ライブラリと連携したデザインシステム
    2. Adobe XD でドキュメントアセットによる作業
    3. Adobe XD での Creative Cloud ライブラリの操作
    4. リンク化アセットから Creative Cloud ライブラリへ移行
    5. デザイントークンを使用する 
    6. Creative Cloud ライブラリアセットの利用
  7. クラウドドキュメント
    1. Adobe XD のクラウドドキュメント
    2. デザインの共同作業と共同編集
    3. 共有されたドキュメントの共同編集
  8. 統合とプラグイン
    1. 外部のデザイン素材
    2. Photoshop で作成したデザインアセットの操作
    3. Photoshop からのアセットのコピー&ペースト
    4. Photoshop のデザインの読み込みまたは起動
    5. Adobe XD での Illustrator アセットの操作
    6. Illustrator のデザインの起動または読み込み
    7. Illustrator から XD へのベクターのコピー
    8. Adobe XD のプラグイン
    9. プラグインの作成と管理
    10. XD への Jira の統合
    11. XD 用 Slack プラグイン
    12. XD 用 Zoom プラグイン
    13. XD から Behance にデザインを公開
  9. XD iOS 版および Android 版
    1. モバイルデバイスでプレビュー
    2. Adobe XD モバイル版に関する FAQ
  10. トラブルシューティング
    1. 既知の問題と修正された問題
      1. 既知の問題
      2. 解決済みの問題
    2. インストールと更新
      1. XD が Windows 上で互換性がないように見える
      2. エラーコード:191
      3. エラーコード:183
      4. XD プラグインのインストールに関する問題
      5. Windows 10 で XD のアンインストールと再インストールを促すダイアログが表示される
      6. 環境設定の移行に関する問題
    3. 起動時のクラッシュ
      1. Windows 10 で起動すると XD がクラッシュする
      2. Creative Cloud からログアウトすると XD が終了する
      3. Windows でのサブスクリプションステータスの問題
      4. Windows で XD を起動すると、アプリがブロックされたという警告が表示される
      5. Windows でのクラッシュダンプの生成
      6. クラッシュログの収集と共有
    4. クラウドドキュメントおよび Creative Cloud ライブラリ
      1. XD クラウドドキュメントで発生する問題
      2. リンクされたコンポーネントに関する問題
      3. ライブラリとリンクに関する問題
    5. プロトタイプ作成、公開、レビュー
      1. macOS Catalina でプロトタイプのインタラクションを収録できない
      2. 公開ワークフローの問題
      3. 公開されたリンクがブラウザーに表示されない
      4. プロトタイプがブラウザーで正しくレンダリングされない
      5. コメントパネルが突然共有リンクに表示される
      6. ライブラリを公開できない
    6. 読み込み、書き出し、その他のアプリの操作
      1. XD での読み込みと書き出し
      2. XD での Photoshop ファイルの使用
      3. XD での Illustrator ファイルの使用
      4. XD から After Effects への書き出し
      5. XD での Sketch ファイルの使用
      6. 書き出しに表示されないサードパーティ製品

Adobe XD で共有可能なリンクを使用して、デザインスペックとプロトタイプを共有する方法について説明します。

Adobe XD では、デザインスペックとプロトタイプを関係者と共有するとき、組み込みのプリセットを使用し、公開リンク、非公開リンク、パスワードリンクを使用してアクセス権を定義します。

  • 公開リンク:リンクにアクセスできるすべてのユーザーが、共有デザインスペックまたはプロトタイプを表示できます。このアクセス設定は、セキュリティの制限が最も少なくなりますが、デザインスペックとプロトタイプを幅広いオーディエンスに共有する場合に役立ちます。
  • 非公開リンク:招待された共同作業者一組のみが、共有デザインスペックまたはプロトタイプにアクセスできます。
  • パスワードリンク:共同作業者は、共有デザインスペックまたはプロトタイプにアクセスするためにパスワードを入力する必要があります。
XD で共有可能なリンク
公開リンク、非公開リンク、パスワードリンクを使用して、デザインスペックとプロトタイプを共有

公開リンクの作成

デザインレビュープリセットを例を使用して新しい公開リンクを作成する例については、このイラストアニメーションをご覧ください。

デザインレビューのプリセットを使用して公開用リンクを作成および共有
デザインレビューのプリセットを使用して公開用リンクを作成および共有

  1. 「表示設定」からプリセットのいずれか 1 つを選択します。開発プリセットを選択した場合、iOS、Web、または Android などのターゲットプラットフォームを指定します。他のプリセットについて詳しくは、「プリセットの操作」を参照してください。
  2. リンクを知っているすべてのユーザーを選択して「リンクを作成」をクリックします。

公開リンクからの埋め込みコードの作成

Web サイトにプロトタイプリンクを埋め込む場合は、「埋め込みコードをコピー」オプションを使用します。

公開リンクからの埋め込みコードの作成

ここではプリセットを使用して新しい公開リンクを作成する方法を学習しました。次は、招待されたユーザーのみがアクセスできるセキュリティで保護された非公開リンクを作成してみましょう。

セキュリティで保護された非公開リンクの作成
セキュリティで保護された非公開リンクの作成

  1. 「表示設定」からプリセットのいずれか 1 つを選択します。開発プリセットを選択した場合、iOS、Web、または Android などのターゲットプラットフォームを指定します。他のプリセットについて詳しくは、「プリセットの操作」を参照してください。
  2. 招待されたユーザーのみを選択して「リンクを作成」をクリックします。招待」オプションにレビュー担当者を追加します。エンタープライズユーザーの場合、Active Directory 同期グループまたは組織が所有するユーザーグループと非公開リンクを共有できます。グループ共有の前提条件と設定について詳しくは、「グループ共有」を参照してください。
  3. レビュー担当者がデザインスペックやプロトタイプを再共有できるように、権限を設定できます。 
    • 閲覧のみ」を選択すると、レビュー担当者がコメントを表示および追加できるようになります。
    • 共有可能」はデフォルトのオプションです。これを選択すると、レビュー担当者がデザインスペックを再共有できます。レビュー担当者は、パブリッシュされた非公開リンクへのアクセスまたは表示について、他のレビュー担当者からのリクエストを追加、削除、または許可できます。
  4. 招待」をクリックします。

任意の時点で、リンクアクセスの設定を公開から非公開、または非公開から公開に変更できます。

  • リンク URL は同じままです。
  • リンクに追加された招待者は保持されます。

パスワードリンクを作成する

パスワードリンクを作成するには「パスワードを知っているすべてのユーザー」オプションを選択します。

パスワードリンクを作成する
パスワードリンクを作成する

パスワードフィールドにパスワード規則を満たすパスワードを入力します。パスワードは 8 文字以上で、A-Z、a-z、0-9 それぞれから 1 文字ずつ含める必要があります。 例:Design123

パスワードを設定すると、有効なパスワードを持っている関係者だけが共有されたデザインスペックまたはプロトタイプにアクセスできるようになります。

パスワードリンクの発行後は、そのリンクアクセス設定を変更できません。ただし、リンクアクセス設定を変更する場合は、新しいリンクを作成する必要があります。

次のステップ

デザインスペックとプロトタイプを共有しながら、アクセスリンクを作成し始めました。次のステップでは、共有ワークフローのエンドツーエンドのエクスペリエンスについて説明します。

ご質問または共有するアイデアがある場合

question

ご質問または共有するアイデアがある場合は、Adobe XD コミュニティにぜひご参加ください。皆様からのご意見や作品をお待ちしております。

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト