デザインスペックの共有

  1. Adobe XD ユーザーガイド
  2. はじめに
    1. Adobe XD の新機能
    2. よくある質問
    3. Adobe XD でのデザイン、プロトタイプ、共有
    4. 必要システム構成
      1. ハードウェアとソフトウェアの要件
      2. Adobe XD、Big Sur、Apple Silicon | macOS 11
    5. ワークスペースの基本
    6. Adobe XD でのアプリケーション言語の変更
    7. UI デザインキットへのアクセス
    8. Adobe XD のアクセシビリティ
    9. ショートカットキー
    10. ヒントとテクニック
    11. XD スタータープランへの変更
  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. 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. デザインスペックからのデザイン素材の書き出しとダウンロード
  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. クラウドドキュメント
      1. XD クラウドドキュメントで発生する問題
    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. 書き出しに表示されないサードパーティ製品

開発者とデザインスペックを共有する方法について説明します。

デザインスペックでは、ファイルのデザインプロパティを開発者と共有できます。デザインスペックを共有することで、開発者にオブジェクトの高さ、幅、サイズ、整列、2 つのアイコン(オブジェクト)間の相対的な間隔、色、テキスト編集などの重要な情報を提供します。

デザインスペックを公開リンクとして共有する場合、「埋め込みコードをコピー」オプションを使用して、プロトタイプリンクを外部 web サイトに埋め込みます。

デザインスペックを安全な非公開リンクとして共有すると、内外のレビュー担当者を招待したり、共有者から再共有について許可を設定したりすることができます。レビュー担当者は、セキュリティで保護された非公開リンクへのアクセスまたは表示について、他のレビュー担当者からのリクエストを追加、削除、または許可できます。

デザインスペックをパスワードリンクとして共有するときは、パスワード保護によりアクセスを制限することもできます。

デザインスペックを共有するには:

開発のための共有オプション
開発のための共有オプション

  1. 共有する Adobe XD ファイルを開きます。XD で、「共有」モードに切り替えます。
  2. リンク設定パネルで、デザインスペックのタイトルを設定します。
  3. 表示設定」で、「開発」を選択し、フォームファクターの出力(web、iOS、Android のいずれか)を選択します。

    a.   iOS:デフォルトの単位は pt で、アセットは 1 倍、2 倍および 3 倍で利用可能です。
    b.  web:デフォルトの単位は px で、アセットは 1 倍および 2 倍で利用可能です。
    c.  Android:デフォルトの単位は dp です。
    XD は共有ダイアログボックスで選択されているオプションに基づいてデフォルトの測定単位を設定します。これらのデフォルトの単位は編集できません。

4.「リンクを作成」をクリックすれば、共有可能リンクが生成されます。共有モードでプロパティインスペクターの URL ピッカーリスト()からアクセスすることもできます。

5.セキュリティで保護された非公開リンクを作成して場合は、「リンクアクセス」の設定で、「招待されたユーザーのみが閲覧できます」を選択します。または、公開リンクを作成する場合:

  • リンクをクリックして、デフォルトのブラウザーでデザインスペックを開きます。
  • 「リンクをコピー」をクリックして公開リンクをコピーし、検証用に開発者に送信します。

6.レビュー担当者を「招待」オプションに追加し、再共有の許可を設定します。

  • 閲覧のみ」を選択すると、レビュアー担当者は、共有されたデザインスペックのコメントを表示および追加できます。
  • 共有可能」はデフォルトの許可です。これを選択すると、レビュー担当者がデザインスペックを再共有できます。レビュー担当者は、パブリッシュされた非公開リンクへのアクセスまたは表示について、他のレビュー担当者からのリクエストを追加、削除、または許可できます。

7.パスワードリンクを作成する場合は、「パスワードを持つすべてのユーザー」オプションを選択し、「リンクを作成」をクリックします。

8. デザインリンクを共有した後でも、引き続きデザインを更新することができます。既存のプロトタイプを更新するには、「リンクを更新」をクリックします。または、プロトタイプのバージョンを作成する場合は、「新規リンク」をクリックして、新しい共有プロトタイプを作成します。

デザインスペックの共有や、共有されたデザインスペックの表示で問題が生じた場合は、一般的なデザインスペックのエラーの回避策を参照してください。

アドビのロゴ

アカウントにログイン