こんにちは！こんばんは！おはようございます！前回ざっくりとフレームとはなにか？をインプットしました。詳しくはこちら→→Figma Learnを読み解く ～フレームについて～今回はそのフレームがどのようなことができるのかを見ていこうと思います。れっつらごー✨✨アートボードとして使用画面下側にあるアイコンからフレームに切り替えられます！ショートカットキーだと「F」で切り替え可能です。フレームに切り替えると画面右側でサイズを選べるので該当するサイズを選びましょう。オートレイアウトオートレイアウトの適用画面右側にあるレイアウト枠の右上アイコンをクリックショートカットキー「Shift+A」オートレイアウトの解除同じ右上アイコンをクリック項目フローの「自由形式」をクリックショートカットキー「Alt+Shift+A」オートレイアウトではフレーム内の要素（以下、コンテンツ）をどのように配置するのかを指定できる便利な機能です。フロー配置間隔パディングなどが設定できます。これらを設定しておくとレスポンシブ画面のデザイン時やコンテンツの内容に変化があっても自動的に調整してくれるものです。フローコンテンツを縦に並べるのか横に並べるのか、グリッド上に並べるのか決められます。コンテンツの数に増減があっても自動的に調整してくれます。配置コンテンツ要素をどこの位置に配置するのかを決められます。レスポンシブ対応時に役に立つ機能です。その他その他の機能ではわかりづらい部分だと「コンテンツを隠す」かと思います。こちらはcheckをつけていると、オートレイアウトがかかっているフレームよりはみ出ているコンテンツを非表示にすることができます。非表示にすることで実際の画面と同じ見え方でデザインができるメリットがありますが、隠れているコンテンツがわからないというデメリットもあります。個人的にプロトタイプを作るときにはおススメです！今までイラレやフォトショでは四角や丸などの背景オブジェクト＋コンテンツで作成していたものをフレーム＋コンテンツで作成することでコンテンツに合わせてフレームが動いてくれます✨コンテンツを変更すると背景オブジェクトも修正しなくてはいけなかったという事態が省けるということです🙌いかがでしたでしょうか？今回はフレームでできることを詳しく記載させていただきました。（次回は…何を書くのか悩んでいます。。。）最後まで読んでいただきありがとうございました！ではでは、またお会いしましょう～～👋👋