Adobe XD でドキュメントアセットによる作業

• XD でのアセットの作成方法や管理方法について情報を収集しています。

• XD でアセット管理システムを構築するための支援を必要としています。

カラーを追加

• カンバス上のオブジェクトを選択し、ドキュメントアセットパネルのカラーの隣りにある + アイコンをクリックします。選択したオブジェクトに関連した、塗りつぶしと境界線カラーが、XD によって抽出されます。

文字スタイルの追加

• カンバス上のテキストを選択し、ドキュメントアセットパネルの文字スタイルの隣りにある + アイコンをクリックします。テキストレイヤーに適用されているすべてのスタイル（サブ範囲のスタイルを含む）が XD によって抽出されます。

• ドキュメントアセットに影のカラーを追加することはできません。
• 共通のプロパティを持つ文字スタイルはグループ化できません。 
• オーディオファイルは、ドキュメントアセットからのみ削除できます。
  
  

• プロトタイプモードのプロパティインスペクターから、オーディオファイルを追加できます。
• オーディオファイルの名前を変更したり、並べ替えたりすることはできません。
• クラウドドキュメントにリンクしているオーディオファイルは、リンクされません。 

• 組織のニーズに合わせてアセットの名前を変更したり、並べ替えたりするには、ドキュメントアセットパネルの リストビューを使用します。グリッドビュー は、サムネールとアセットが大きなレンディションで表示されているため、アセットの再利用に最適です。

• プリフライトチェックを行う場合は、ドキュメント内のすべてのアートボードを選択して、ドキュメントで使用されているすべてのカラーと文字スタイルを抽出します。

カラーの再利用

1. 1 つのオブジェクトまたはテキストレイヤーを選択し、カラースウォッチをクリックして、単色の塗りつぶしカラーとして適用します。
2. 複数のオブジェクトを選択し、選択範囲に 1 つのカラーまたはグラデーションを適用することもできます。
3. またはドキュメントアセットでカラースウォッチを右クリックし、「境界線カラーを適用」を選択して線カラーとして適用したり、16 進値をコピーして再利用したりできます。
4. オブジェクトの境界線に同じカラーを適用するには、オブジェクトを選択し、カラーを選択して、Opt（macOS）を押すか、Alt（Windows）を押します。

文字スタイルの再利用

1. テキストレイヤーまたはテキストの一部を選択し、文字スタイルをクリックして文字スタイルを適用します。
2. 複数のオブジェクトを選択して、選択範囲全体に文字スタイルを適用することもできます。

複数コンポーネントの再利用

1. ドキュメントアセットからカンバスにコンポーネントをドラッグします。
2. 複数のオブジェクトを選択し、カンバス上で複数のコンポーネントをドラッグすることもできます。
3. コンポーネントをドラッグするときに、別のコンポーネントインスタンスにカーソルを合わせて入れ替えることができます。 

カラーの編集

• カラースウォッチを右クリックし、「編集」を選択して、ドキュメント全体のカラー値を変更します。
• そのカラーを使用しているカンバス上のすべてのオブジェクトがリアルタイムで更新されます。これは、全体にわたってカラーの変更をプレビューし、編集を行う場合に便利です。
  

文字スタイルの編集

• 文字スタイルを右クリックし、「編集」を選択すると、ドキュメント全体でそのスタイルを変更できます。
• そのスタイルを使用しているカンバス上のすべてのテキストレイヤーが、リアルタイムで更新されます。
  

複数コンポーネントの編集

• カンバス上またはドキュメントアセットパネルでコンポーネントを右クリックし、「メインコンポーネントを編集」を選択して、カンバス上のメインコンポーネントをハイライト表示するか、削除されている場合は再作成します。
• メインコンポーネントに加えられた変更は、その他のコンポーネントインスタンスに反映されます。

• 編集がデザインに及ぼす影響を判断するには、ドキュメントアセットでアセットを編集する前に、「カンバスでハイライト」オプションを使用します。
• 文字スタイルのカラーを編集するには、カラー値を変更した後、グローバルなカラー値を変更して文字スタイルを保持します。

• リンクされたカラーまたはリンクされた文字スタイルを更新すると、適用対象のリンクされたカラーまたは文字スタイルを持つオブジェクトのみが更新されます。
  

アセットの表示と並べ替え

• グリッドビュー: サムネールの表示に最適化され、アセットを視覚的に識別できます。
• リストビュー: 整理がしやすいように最適化され、すべてのアセットの名前を表示して並べ替えることができます。
• 名前順で並べ替え: アセットカテゴリとその中にあるすべてのアセットをアルファベット順に並べ替えます。

両方のビューでアセットを追加、再利用、編集できます。 

アセットの検索とフィルター

検索を使用してアセットを検索する

タイプでフィルターを使用して、ドキュメントアセットをカラー、文字スタイル、コンポーネントでフィルターします。詳しくは、アセットの検索とフィルターを参照してください。

• ドキュメントアセットのフィルターを使用すると、特定のカテゴリーまたはアセットのソースのみをフィルターして表示できます。
  
• 変更がデザインにどのような影響を与えるか不明な場合は、「カンバスでハイライト」を使用して、ドキュメント全体でそのアセットのインスタンスを表示できます。
• 未使用のコンポーネントを特定するには、カンバス上のすべてのオブジェクトを選択して右クリックし、「アセットのコンポーネントを表示」を選択して、ハイライト表示されたコンポーネントをリストの一番上にドラッグします。

• 次の場所にカーソルを合わせると、対応する情報が表示されます。
  • グラデーション：グラデーションの開始値と終了値がツールチップに表示されます。値の間の「–」は、2 つの分岐点を持つグラデーションを示し、値の間の「...」は、複数のカラー分岐点を持つグラデーションを示します。
  • コンポーネント：カンバス上にあるそのコンポーネントのインスタンス数がツールチップに表示されます。
    
• リストビューでアセットの名前を変更する場合、TAB キーを使用してリストビューの次のアセットの名前を変更し、SHIFT+TAB を押して逆方向に移動します。

• ドキュメントアセットをアートボードで既に整理している場合は、アートボード名を右クリックして、「アセットでコンポーネントを表示」、「アセットのカラーを表示」、「アセットで文字スタイルを表示」のいずれかを選択します。 選択したアセットカテゴリのすべてのアセットが強調表示され、ドキュメントアセットで選択されます。これらのアセットのいずれかを右クリックし、選択肢から「新しいグループ」を選択して、これらすべてのアセットを含むグループを簡単に作成します。

• ドキュメントアセットに名前が付けられていて、それらをすばやくグループ化する場合は、検索を使用して、検索条件に一致するようにそれらのアセットを絞り込みます。そして、フィルターされたアセットだけでグループをすばやく作成できます。