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

最終更新日 : 2021年12月16日
警告

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

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

2021年9月以降の変更点

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

Creative Cloud ライブラリが代替案である理由

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

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

機能

リンクされたアセット

Creative Cloud ライブラリ

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

サポートあり

サポートあり

リンクされたアセットでは、リンクされたカラーと文字スタイルがサポートされています。

サポートあり

サポートあり

リンクされたオーディオファイルとその他のアセットタイプ。

サポートなし

サポートあり

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

サポートなし

サポートあり

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

サポートなし

サポートあり

ライブラリへの変更を公開する際の更新ゲート機能。

サポートなし

サポートあり

グループとトークンでデザインシステムを整理する。

サポートなし

サポートあり

Bridge でデザイントークンとコードヒントを使用してデザインから開発への橋渡しを実現。

サポートなし

サポートあり

チームと共有できるライブラリを作成する。

サポートなし

サポートあり

PhotoshopやIllustratorなどの他のCreative Cloud アプリからアセットを再利用する。

サポートなし

サポートあり

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

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

引用元ドキュメントをクラウドドキュメントとして保存します。

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

ライブラリを公開するためのドキュメントを準備

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

ライブラリマネージャーにアクセス

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

ライブラリを公開します

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

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

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

他のユーザーをライブラリの使用と貢献に招待

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

表示権限を持つユーザー

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

編集権限を持つユーザー

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

ライブラリへの招待を受諾する

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

デザインシステムをテスト

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

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

リンクアセットをCreative Cloud ライブラリに移行する(ビデオ)

既存のリンクアセットをCreative Cloud ライブラリに移行するための手順をビデオで詳しく説明します。

アセットに赤いバッジが表示されるのはなぜですか?

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

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

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

関連リソース