Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Figmaでのグループの使用:オブジェクトの効率的な構造化とネスト | Figma基本ツール
FigmaによるUI/UXデザイン

bookFigmaでのグループの使用:オブジェクトの効率的な構造化とネスト

メニューを表示するにはスワイプしてください

  • グループは単一のエンティティとして扱われ、複数のオブジェクトをまとめて移動または整理しやすくなる;
  • デザインパネルではグループは「Group」と表示され、識別しやすくするために名前を変更できる;
  • グループは個々のレイヤーと同じ積み重ね順序に従う;
  • レイヤーパネルでグループやグループ内のオブジェクトをドラッグして並べ替え可能;
  • グループはネスト可能(別のグループ内にグループを入れることができる)で、グループを他のグループにドラッグするだけでネストできる;
  • ネストされたグループも積み重ね順序を維持し、高いレイヤーのオブジェクトが上に表示される;
  • フレームもグループと同様にネスト可能(フレーム内にフレームを入れることができる)。

注意事項:

  • グループを活用してデザインを整理し、管理しやすくする;

  • 誤って移動や編集を防ぐため、個々のグループやオブジェクトをロックする;

  • 複雑なデザインで素早く識別できるようにグループ名を変更する;

  • グループ化するには、複数のオブジェクトを選択し、右クリックして「Group Selection」を選択、または Ctrl/Command + G を押す;

  • グループ解除するには、右クリックして「Ungroup」を選択、または Ctrl/Command + Backspace(Figmaのデフォルト)。Ctrl/Command + Shift + G(Adobeのデフォルト)も利用可能。

1. Figmaでオブジェクトのグループを解除する方法を2つ選びなさい。

2. Figmaでグループをロックするとどうなりますか?

question mark

Figmaでオブジェクトのグループを解除する方法を2つ選びなさい。

すべての正しい答えを選択

question mark

Figmaでグループをロックするとどうなりますか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 1.  7

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 1.  7
some-alt