レイヤーの操作

最終更新日 : 2023年6月6日

Adobe XD でレイヤーを表示、作成、グループ化、ロック、非表示および移動する方法について説明します。

レイヤーにアクセスする

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）で、新しい名前を入力します。次のレイヤーまたはアートボード名を編集するには、現在のレイヤー名がまだ編集モードになっている間に「タブ」を押します。
レイヤーを複製するには、レイヤーを右クリックし、「複製」を選択します。
レイヤーを非表示にするには、レイヤー上にカーソルを移動し、をクリックします。レイヤーを表示するには、をクリックします。非表示のレイヤーは、アートボードに表示されません。
レイヤーをロックにするには、そのレイヤーにカーソルを移動し、をクリックします。レイヤーをロック解除するには、をクリックします。ロックされたレイヤーは、アートボードで実行するすべての編集操作から除外されます。
レイヤーを書き出しするには、レイヤーを選択して右クリックし、書き出しを選択します。表示されるダイアログボックスで、書き出しオプションを選択します。
レイヤーまたはレイヤーのグループを使用してコンポーネントを作成するには、レイヤーを右クリックし、「コンポーネントにする」を選択します。
レイヤーを削除するには、レイヤーを右クリックし、「削除」を選択します。