Figmaのページがカオスなら、作業前に「セクション」でフレームをまとめてラベル付けする
オートレイアウトの話ではなく、キャンバス上のフレーム群をセクションで区画し、ラベルを付ける。迷子になる前の整理術。
どんな問題を解決するか / いつ使うか
1ファイルに画面や検討案が増えてスクロール迷子になるとき。レビューやAIへの書き出しの前に、範囲を明示したいとき。Figmaは Cmd(Ctrl)+/ の「クイックアクション」で、機能名からすぐ呼び出すで「セクション」と打って呼び出すのも可。
具体手順
- まとめたいフレームを選択する。
- Figmaのセクション機能で囲み、用途が分かるラベルを付ける（例：
Onboarding / v3、捨て案、本番候補）。 - 作業やレビューのたびに、今触るセクションだけを開いて他は畳む／無視する。
AIやコーディングエージェントに渡すときは、「このセクション内だけが今回の範囲」と書くと、関係ないフレームを読みにくくなる。
注意点
- セクションは整理用。コンポーネントの正本やトークン管理の代わりにはならない。
- 基本機能の紹介だが、ファイルが肥大化した現場では再利用しやすい。