マニュアル キャンセル

デザインシステムの Creative Cloud ライブラリ への移行

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

リンクされたアセットによる作業

リンクされたアセットワークフロー(ローカルドキュメントとクラウドドキュメントの間でカラーや文字のスタイル、コンポーネントを再利用する機能)は、2021 年 9 月でサポートが終了します。今後、XD のドキュメント間でリンクされたアセットを公開および共有するには、Creative Cloud ライブラリが唯一の手段となるため、2021 年 9 月までに既存のデザインシステムを Creative Cloud ライブラリに移行することをおすすめします。

2021 年 9 月からの変更点

  • クラウドドキュメントをリンクしてアセットを再利用することができなくなります。 
  • アセットをリンクしている既存のローカルおよびクラウドドキュメントが、アセットに編集が加えられたときに更新を伝達しなくなります。 
  • ライブラリに公開されていないコンポーネントをコピーして貼り付けると、コンポーネントのリンクされていないコピーが作成されます。 
  • XD のドキュメント間でリンクされたアセットを公開および共有するには、Creative Cloud ライブラリを使用するのが唯一の方法となります。

Creative Cloud ライブラリが代替となるのはなぜですか?

ドキュメント間でアセットをリンクする機能が導入され、ドキュメント間で変更を同期しながらコンポーネントを再利用できるようになりました。ただし、デザインシステムには、コンポーネント以外のものも存在します。デザインシステムには様々な種類のアセットがあり、チームの誰もが使いやすく、貢献しやすいように整理されています。デザインシステムが成熟し、チームが成長して、プロジェクトの複雑さが増すにつれ、チームは大規模で一貫したエクスペリエンスを構築するために、より堅牢なソリューションを必要とするようになります。

アドビはお客様のチームがこの目標を達成できるよう、XD に Creative Cloud ライブラリを導入しました。ライブラリを使用することで、構築したデザインシステムで、コンポーネント以外のものも共有できるようになります。

機能

リンクされたアセット

Creative Cloud ライブラリ

複数のドキュメント間でリンクされたコンポーネント

サポートあり

サポートあり

リンクされたアセットに対するカラーや文字スタイルのリンクをサポート

サポートあり

サポートあり

オーディオファイルやその他のアセットタイプのリンク

サポートなし

サポートあり

ユーザーに表示権限や編集権限を付与してデザインシステムに招待

サポートなし

サポートあり

誰でもコピーや使用ができるようにデザインシステムを公開

サポートなし

サポートあり

ライブラリへの変更を公開する際に更新ゲーティング

サポートなし

サポートあり

グループとトークンを使ってデザインシステムを整理

サポートなし

サポートあり

デザイントークンとコードヒントで、デザインと開発を連携

サポートなし

サポートあり

チームで共有できるライブラリの作成

サポートなし

サポートあり

Photoshop や Illustrator などの他の Creative Cloud アプリのアセットの再利用

サポートなし

サポートあり

リンクされたアセットを Creative Cloud ライブラリに移行する方法

既存のリンクされたアセットを Creative Cloud ライブラリに移行するには、いくつかのステップを踏む必要があります。移行プロセスを開始する前に、これについてチームに確実に伝え、この期間中にソースドキュメントや利用中のドキュメントに編集を加えないように徹底することが重要です。デザインシステムの移行は、わずか数分で完了します。

  1. ソースドキュメントをクラウドドキュメントとして保存します

    リンクされたアセットのソースドキュメントがローカルドキュメントの場合、そのソースドキュメントをクラウドドキュメントとして保存する必要があります。ライブラリの公開は、クラウドドキュメントからのみ行うことができます。ソースドキュメントが既にクラウドドキュメントの場合は、ステップ 2 に進みます。

  2. ライブラリを公開できるようにドキュメントを準備します

    ライブラリを公開する前に、クラウドドキュメントに、別のローカルドキュメントやクラウドドキュメントのコンポーネントのコピーが含まれていないことを確認します。含まれている場合は、ライブラリを公開する前に、ローカルコンポーネントに変換するか削除します。これにより、公開されるライブラリは、複数のドキュメントを参照するのではなく、1 つのドキュメントのアセットが含まれるようになります。

  3. ライブラリマネージャーにアクセスします

    ドキュメントアセットパネルで公開アイコンをクリックして、ライブラリマネージャーを開きます。ここでは、デザインシステムを公開したり、ドキュメントに編集を加えてライブラリを更新する場合に更新をプッシュしたりすることができます。

  4. ライブラリを公開します

    公開」ボタンをクリックすると、カラー、文字スタイル、コンポーネント、オーディオファイルなどのドキュメントのアセットをはじめとする、すべてのドキュメントアセットが含まれたライブラリが作成されます。

    ライブラリの公開
    ドキュメントアセットパネルから移動して、ライブラリマネージャーから公開

    アセットの数によっては、初回のライブラリ公開には数分かかる場合があります。ライブラリの公開が終了すると、ライブラリマネージャーの進捗状況インジケーターに表示されます。ドキュメントがライブラリとして公開されている間、他の編集者がそのドキュメントをアクティブに更新しないように注意してください。

  5. 他のユーザーがライブラリを使用して貢献できるように招待します

    ライブラリを公開した後は、他のユーザーをメールアドレスによって指定し、表示権限または編集権限を付与して招待することができます。このドキュメントのリンクされたアセットをそれまで使用していたユーザーを必ず招待してください。

    表示権限を持つユーザー

    表示権限を持つユーザーを招待すると、そのユーザーはライブラリを使ってアセットを再利用することができます。ライブラリを変更することはできません。 

    編集権限を持つユーザー

    編集権限を持つユーザーを招待すると、そのユーザーはライブラリを使用したり、編集したりすることができます。ライブラリを編集するには、ユーザーがライブラリとクラウドドキュメントへの編集アクセス権を持っている必要があります。編集するためには、必ずユーザーをクラウドドキュメントに招待してください。

  6. ライブラリへの招待を承諾します

    前のステップでライブラリに招待されたユーザーは、メールまたは Creative Cloud デスクトップアプリでライブラリについて通知されます。招待を承諾すると、XD からライブラリにアクセスできるようになります。以前このドキュメントからリンクされたアセットを使用していたユーザーは、ライブラリへの招待を承諾する必要があります。そうでない場合、リンク切れを示す赤いバッジでアセットが表示されます。招待を承認すると、ライブラリが同期されます。初回の表示には数分かかります。ユーザーが招待を承諾すると、リンクされているすべてのアセットが自動的に新しいライブラリに再リンクされます。

  7. デザインシステムをテストします

    リンクされたアセットがライブラリに正常に移行されたかどうかを簡単な操作で確認するには、これらのリンクされたアセットを含むドキュメントを開きます。そのドキュメントのユーザーがそのライブラリへの招待を承諾すると、リンクされたアセットが新しいライブラリを参照します。そうでない場合は、リンク切れを示す赤いバッジが表示されます。 

    次に、ライブラリの編集権限を持つユーザーに、変更を加えてライブラリに更新を公開するように依頼します。他のユーザーのライブラリパネルに更新情報が表示されれば、デザインシステムにライブラリが設定されています。

リンクされたアセットの Creative Cloud ライブラリへの移行(ビデオ)

既存のリンクされたアセットを Creative Cloud ライブラリに移行するための一連の手順をビデオでご紹介します。

アセットに赤いバッジが表示されています。なぜですか?

アセットに赤いバッジが付いている場合は、リンクが切れていることを示します。以下の手順で解決することができます。

  • ライブラリ(以前のリンクされたアセットのソースドキュメント)の所有者から、新しいライブラリの使用に招待されていることを確認します。 

  • 必ずライブラリへの招待を承諾します。招待を承諾すると、リンクが自動的に解決され、アセットがライブラリにリンクされます。招待は、メールまたは Creative Cloud デスクトップアプリケーションで確認してください。

関連リソース

 Adobe

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

新規ユーザーの場合

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX 2024

Adobe MAX
クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン

Adobe MAX

クリエイティブカンファレンス

10 月 14 日~ 16 日 マイアミビーチおよびオンライン