2-4. フレームやオブジェクトをグループ化する「フレームセレクション」と「グループセレクション」 |

1.フレームのグループ化をする「フレームセレクション」

Figmaにはフレームを入れ子状のグループにする「フレームセレクション」という機能があります。
例えば画面全体は固定させたまま、一部分だけスクロールする（固定スクロールや横スクロール）のような画面をつくるときは、このフレームのグループ化を活用します。

まずはグリープ化したいフレームを選択します。次にショートカットキーCommand + Option + Gもしくは右クリックから「Frame slection」を選択しましょう。

フレームのグループの場合、親フレームのサイズを変更すると、子フレームは右パネルのConstraintsの設定内容にあわせて変化します。Constraintsを細かく設定するとレスポンシブデザインのような伸び縮みするデザインを再現することができます。

フレームのグループ化を解除するには、親フレームを選択してショートカットキーCommand + Shift + Gか、右クリックでメニューを開きUngroupを選択します。

図形やテキストなどのオブジェクトを1つの「グループ」にまとめることができるのが「グループセレクション」という機能です。グループにすると複数のオブジェクトを一つのレイヤーとして扱うことが出来ます。

オブジェクトのグループ化を行うには、グループにまとめたいオブジェクトを複数選択して、ショートカットキーCommand+G、もしくは右クリックから「Group slection」を選択しましょう。

グループ化するとまとまったオブジェクトは単一レイヤーとして扱われ、大きさを変えればグループ化された複数のオブジェクトは大きさを変更することが出来ます。子オブジェクトの変化の仕方は右パネルのConstrainsで調整することができます。

グループ化を解除するには、ショートカットキーCommand+Shift+G、もしくは右クリックから「UnGroup」を選択しましょう。

「フレームセレクション」と「グループセレクション」という2つのグループ化について説明しましたが、この種類を切り替える方法があるので解説します。

種類を変えたいグループを選択し、右インスペクタの上部に位置する赤枠の「Frame」もしくは「Group」(図ではFrameからGroup)を押すとプルダウンメニューが表示され「Frame」もしくは「Group」を選択すると、切り替えることができます。