4.レイヤーパネル

①スイッチレイヤーパネル

左側のパネルには 4 つのオプションがあります。 レイヤー、コンポーネント、リソース、およびページ。 それらのいずれかを選択して、各レイヤーパネルを切り替えることができます。 ショートカットキーを使用して行うこともできます。

MacOS：
• レイヤーパネルとページ: Option 1
• コンポーネントパネル: Option 2
Windows：
• レイヤーパネルとページ: Alt 1
• コンポーネントパネル: Alt

②レイヤーの表示

キャンバスに追加したフレーム、グループ、またはオブジェクトは、レイヤーパネルに表示されます。 レイヤーがフレーム、グループ、または特定のオブジェクトであるかどうかは、レイヤーの横にあるアイコンをチェックすることで確認できます。

Pixsoは子オブジェクトを親グループまたはフレームにネストします。 グループまたはフレーム内でレイヤーを折りたたんだり広げたりすることができます。

新しいレイヤーがリストの一番上、またはレイヤーが属するグループまたはフレームの一番上に追加されます。 また、現在選択しているレイヤーの上に追加することもできます。

多くのインタラクションを実行できます。

• レイヤー、グループ、フレームを選択できます。
• レイヤーの順序を調整できます。
• レイヤーの名前を個別に変更するか、一括で変更できます。
• レイヤーを表示または非表示にできます。
• レイヤーをロックまたはロック解除できます。

③コンポーネントの表示

コンポーネントは、再利用できるデザイン要素です。 一般的に、これらはボタンやアイコン、またはナビゲーションメニューやステータスバーなど複雑なUI 要素です。

すべてのコンポーネントは、コンポーネントパネルにあります。 コンポーネントをパネルからキャンバスにドラッグして、インスタンスを作成できます。

パネルでは、次のことができます。

• 特定のコンポーネントを検索します。 Pixsoは現在のファイル内のコンポーネントを検索できます。
• チームリソースライブラリを開きます。
• 現在のファイルで作成されたローカルコンポーネントを表示します。
• ファイルで使用されているコンポーネントを表示します。
• 使用可能なリソース・ライブラリーのコンポーネントを表示します。

ヒント: Pixsoは名前でコンポーネントをグループ化できます。さまざまなコンポーネントがある場合、階層はファイル‎→ページ→フレームで表示されます。

④ページ

ファイル内には、必要な数だけページを作成できます。 各ページには、デザインを追加できる独自のキャンバスがあります。 また、各ページに個別のプロトタイプを作成することもできます。