マニュアル キャンセル

XD への Jira の統合

  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. 書き出しに表示されないサードパーティ製品

XD で Jira の統合を有効にする方法について説明します。

Adobe XD と Atlassian Jira を組み合わせれば、クリエイティブな作業と共同作業を同時に進めることができます。Adobe XD for Jira アプリケーションを使用すると、デザイナーは Jira で他のステークホルダーと最新のプロトタイプやデザインスペックを簡単に共有できます。

  1. Jira インスタンスに管理者としてログインします。

  2. サイドバーで、「Jira 設定」をクリックし、アプリケーション新しいアプリケーションの検索を選択します。「Atlassian Marketplace for Jira」ページが表示されます。

  3. Adobe XD」を検索します。検索結果から、「Adobe XD のインストール」をクリックします。

  4. アプリケーションのインストールの確認」ダイアログボックスで、「同意してインストール」をクリックします。アプリケーションが正常にインストールされると、確認メッセージが表示されます。

  5. デフォルトでは、ワークスペース内のすべてのプロジェクトが Jira 課題内でアプリケーションを表示できます。ただし、管理者は、特定のプロジェクトに対してのみアドオンを有効にすることを選択できます。デフォルト設定を変更するには、次の手順を実行します。

    1. サイドバーから「アドオンの管理」ページに移動します。
    2. ユーザーがインストールしたアドオン」セクションで、「Adobe XD for Jira」を選択して「設定」をクリックします。
      Adobe XD for Jira の設定」ページでは、左のパネルに有効なプロジェクトが、右のパネルに無効なプロジェクトが表示されます。
    3. 1 つまたは複数のプロジェクトでアドオンを無効にするには、左のペインでプロジェクトを選択し、右のペインに移動します。
    4. 保存」をクリックします。確認ダイアログで、「プロジェクトの無効化」をクリックします。有効なプロジェクトに属している場合、またはプロジェクトの Jira の課題にアクセスできる場合は、アドオンを表示できます。
    xd-for-jira

    注意:

    プロジェクトを有効リストから無効リストに移動すると、プロジェクトから Adobe XD アプリケーションが削除されます。この統合を使用して追加したコンテンツは、プロジェクトを有効リストに戻して復元できます。

Jira の課題には、次の種類の Adobe XD リンクを添付できます。

  • プロトタイプ
  • デザインスペック
  • パスワード保護されたプロトタイプまたはデザインスペック
  • 非公開プロトタイプまたはデザインスペック
注意:

Adobe XD のプロトタイプやデザインスペックへの公開または非公開 Web リンクを作成する方法については、プロトタイプおよびデザインスペックを共有するを参照してください。

  1. Jira の課題を開きます。

  2. 課題の説明の下にある「Adobe XD」セクションに移動します。

    Jira の課題にある「Adobe XD」セクション
    Jira の課題にある「Adobe XD」セクション

    「Adobe XD」セクションが表示されない場合、問題の概要の下にある「オプション」メニュー(...)をクリックし、「Adobe XD」を選択します。

    オプションメニューからの「Adobe XD」セクションの選択

  3. XD 入力フィールドにプロトタイプまたはデザインスペックへのリンクを貼り付け、「添付」をクリックします。プロトタイプやデザインスペックをさらに添付するには、このプロセスを繰り返します。

    XD プロトタイプまたはデザインスペックへのリンクの貼り付け

    対応するアセットのプレビューがカードとして表示されます。また、カード内のアセットに簡単な説明を追加することもできます。

    非公開またはパスワードで保護されたアセットの場合、プレビューはカードに表示されません。アセットを表示するには、カードで「プロトタイプの表示」または「デザインスペックの表示」をクリックし、XD アセットビューページにパスワードを入力して「表示」をクリックします。

    プロトタイプ
    プロトタイプ

    非公開またはパスワードで保護されたデザインスペックまたはプロトタイプ
    非公開またはパスワードで保護されたデザインスペックまたはプロトタイプ

    最後に添付されたアセットが一番上に表示されます。添付された Adobe XD アプリケーションのアセットに加えられた変更は、Jira の課題に自動的に反映されます。

デフォルトでは、ワークスペース内のすべてのプロジェクトが Jira 課題内でアプリケーションを表示できます。ただし、管理者は、特定のプロジェクトと特定の課題の種類に対してのみアプリケーションを有効にすることができます。デフォルト設定を変更するには、次の手順を実行します。

  1. サイドバーから「アドオンの管理」ページをクリックします。

  2. ユーザーがインストールしたアドオン」セクションの下で、「Adobe XD for Jira」をクリックして「設定」を選択します。「Adobe XD for Jira の設定」ページでは、左のパネルに Jira プロジェクトが、右のパネルに課題の種類が表示されます。

    dobe XD for Jira の設定
    dobe XD for Jira の設定

  3. デフォルトでは、すべてのプロジェクトに対してアプリケーションが有効になっています。1 つ以上のプロジェクトでアプリケーションを無効にするには、目的のプロジェクトを選択し、環境設定を変更します。

  4. デフォルトでは、バグ以外のすべての課題の種類に対してアプリケーションが有効になっています。課題の種類ごとにアプリケーションを無効にするには、目的の課題の種類を選択し、環境設定を変更します。

  5. 保存」をクリックします。

  6. 自分が有効なプロジェクトおよび課題タイプの一部である場合にのみ、アプリケーションを表示できます。プロジェクトの Jira の課題の種類にアクセスできる場合は、アプリケーションも表示できます。    

Adobe XD for Jira Server and Datacenter アプリケーションの最新のアップデートでは、プロトタイプとデザインスペックに関する詳細情報が提供されています。

Jira チケットに添付されているプロトタイプまたはデザインスペックには、次の情報が表示されます。

コメント:プロトタイプのアートボードまたはデザインスペックのリンクを共有すると、そのアートボードに対するすべてのコメントが Jira のコメントセクションに表示されます。ただし、プロトタイプまたはデザインスペックのホームアートボードのリンクを共有すると、そのプロトタイプまたはデザインスペックに追加されているコメントの総数が表示されます。

  • アートボード:Xira for Jira アプリケーションを使用して共有されているプロトタイプまたはデザインスペックに存在するアートボードの数。
  • ビュー:Adobe XD for Jira アプリケーションは、XD for Jira アプリケーションを介してプロトタイプを表示したすべてのユーザーの名前とプロフィールアイコンを表示します。必要な関係者が XD プロトタイプとデザインスペックを開いたかどうかを簡単に特定できます。
注意:

Jira 上の添付のプロトタイプおよびデザインスペックにあるビューには、XD for Jira アプリケーション以外のソースからプロトタイプを表示したユーザーは含まれません。

  • 日時:プロトタイプまたはデザインスペックが Jira 課題上で共有された日付と時刻を表示できます。
  • コンテキストに富んだプレビュー:展開アイコンをクリックすると、Jira の全画面表示でプロトタイプ内すべてのアートボードを表示することができます。xd.adobe.com に切り替える必要がないため、Jira を終了することなく、開く XD ファイルを簡単に特定できます。
更新されたプロトタイプ/デザインスペックのラベル
更新されたプロトタイプ/デザインスペックのラベル

A. アートボードの総数 B. コンテキストに富んだプレビュー C. Jira から XD リンクの固有のビューアー D. コメントの総数 E. 日時  F. 更新されたラベル 

  • 更新されたラベル:XD for Jira アプリケーションを介して共有されたプロトタイプまたはデザインスペックが XD アプリケーションを使用して更新されると、Jira サムネイル上に小さなタグが表示されます。このタグは、プロトタイプまたは Jira の仕様が更新されたことを示します。ラベルを表示できるのは、Jira 課題を追跡している場合、または XD for Jira アプリケーション上で XD リンクを共有して、次のいずれかの基準に基づいてチケットを追跡する前に、Jira 課題を追跡していた場合です。
  1. Jira 課題でコメントしたか、XD プロトタイプまたはデザインスペックへのリンクが共有されている Jira 課題で自分の名前が @ 付きで言及されている。
  2. チケットが自分に割り当てられている。
  3. チケットをウォッチしている。
  4. チケットをレポートした。
  5. ·XD for Jira アプリケーション上で XD リンクを共有した

Jira の次世代プロジェクトタイプでアプリケーションのすべての機能を使用するには、自分がそのプロジェクトのメンバーである必要があります。

注意:
  • このアプリケーションは現在、Jira Cloud、Jira Server、および Jira Datacenter をサポートしています。Jira Server と Datacenter の場合、サポートされているバージョンは Jira Server 7.0.0 ~ v8.22.6 です。
  • Jira Server アプリケーションが Adobe サーバーにアクセスするには、インターネットアクセスが必要です。組織が Jira Server と Datacenter を使用していて、ファイアウォールやネットワークの制限がある場合は、https://xdce.adobe.io/, https://cc-api-data.adobe.io/, https://comments.adobe.io/, および https://public-v2links.adobecc.com/ の Web アドレスをホワイトリストに登録するとともに、これらの Web アドレスへの安全な発信 Web トラフィックを許可する必要があります。
  • Adobe XD for Jira は、Jira cloud と Jira Server/Datacenter の両方で、日本語、ドイツ語、フランス語、ブラジル語、ポルトガル語、スペイン語、韓国語、簡体字中国語をサポートしています。

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

新規ユーザーの場合

Adobe MAX 2025

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

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