レイヤーの操作

Adobe XD のレイヤーは、おなじみの Adobe Illustrator および Adobe Photoshop のレイヤーを改良し、UX デザイナー向けに強化したものです。作業中のアートボードに関連付けられたレイヤーのみがハイライト表示されるため、パネルをすっきり整理できます。ドキュメント内のすべてのアートボードを表示したり、レイヤーパネルの特定のアートボードにすばやくパンまたはズームできます。アートボードアイコンをダブルクリックすると、そのアートボードのレイヤーのみが表示されます。レイヤーをすばやく簡単に並べ替え、名前変更、表示/非表示、ロック/ロック解除することができます。

レイヤーにアクセスするには、ショートカットキーの Cmd + Y（Mac）または Ctrl + Y（Windows）を使用するか、ツールバーの  アイコンをクリックします。

レイヤーパネルですべてのノードを一度に展開または折りたたむには、Cmd を押しながらクリック（macOS）、または Ctrl を押しながらクリック（Windows）すると、時間と労力を節約することができます。

レイヤー内を検索

レイヤー名を使用してレイヤーパネルを検索したり、テキスト、シェイプ、画像のカテゴリーでレイヤーをフィルターすることができます。検索エクスペリエンスは、自動アニメーションを使用したコンテキストにおいてレイヤー構造（展開したグループなど）なしで、キーワードを含む関連するレイヤーとアートボードのみを表示するように最適化されています。最近の検索キーワードは、アセットパネルと同様、簡単にアクセスできるようにフィルタードロップダウンに一時的に保存されます。

初期設定では、プロジェクト内の各オブジェクトはそれぞれのレイヤー上に配置されています。例えば、長方形を描画すると、この長方形の新しいレイヤーが作成されます。別の長方形を描画すると、デフォルトで「長方形 2」という名前の別のレイヤーが作成されます。 

アートボード上でオブジェクトをグループ化すると、グループ化されたオブジェクトに対応したレイヤーもレイヤーパネルでグループ化されます。ブール演算を使用してオブジェクトを組み合わせると、オブジェクトのレイヤーが、ブール演算の名前で単一のレイヤーに置き換えられます。

レイヤーを管理することもできます。例えば、レイヤーパネルを使用してレイヤーのグループ化、名前変更、複製、書き出しを行えます。

• レイヤーをグループ化するには、レイヤーを複数選択し右クリックして、コンテキストメニューから「グループ化」を選択します。
• レイヤーパネルですべてのノードを一度に展開または折りたたむには、Cmd を押しながらクリック（macOS）、または Ctrl を押しながらクリック（Windows）すると、時間と労力を節約することができます。
  
• レイヤーの名前を簡単に変更するには、Command+Opt+R（macOS）または Ctrl+Alt+R（Windows）で、新しい名前を入力します。次のレイヤーまたはアートボード名を編集するには、現在のレイヤー名がまだ編集モードになっている間に「タブ」を押します。
• レイヤーを複製するには、レイヤーを右クリックし、「複製」を選択します。
• レイヤーを非表示にするには、レイヤー上にカーソルを移動し、 をクリックします。レイヤーを表示するには、 をクリックします。非表示のレイヤーは、アートボードに表示されません。
• レイヤーをロックにするには、そのレイヤーにカーソルを移動し、 をクリックします。レイヤーをロック解除するには、 をクリックします。ロックされたレイヤーは、アートボードで実行するすべての編集操作から除外されます。
• レイヤーを書き出すには、レイヤーを選択して右クリックし、「書き出し」を選択します。表示されるダイアログボックスで、書き出しオプションを選択します。
• レイヤーまたはレイヤーのグループを使用してコンポーネントを作成するには、レイヤーを右クリックし、「コンポーネントにする」を選択します。詳しくは、コンポーネントの使用を参照してください。
• レイヤーを削除するには、レイヤーを右クリックし、「削除」を選択します。

アートボード上になく、ペーストボード上に配置されたオブジェクトは、レイヤーパネルの「ペーストボード」でグループ化されます。

関連リソース

• コンポーネントによる作業