Figmaの「レイヤー」とは何か
Figmaにおけるレイヤーとは、「画面上に存在するすべての要素を構造的に管理する単位」のことです。テキスト、画像、図形、ボタンなど、目に見えるものはすべてレイヤーとして扱われます。レイヤーの本質レイヤーは単なる“パーツ”ではありません。「表示順」と「構造」を同時に管理する仕組みです。例えば、次のような関係になります。・背景（下のレイヤー）・画像（その上のレイヤー）・テキスト（さらに上のレイヤー）この順番がそのまま画面の見た目に直結します。つまり、レイヤーの順序＝UIの重なり順です。レイヤーの種類Figmaでは主に以下のレイヤーが存在します。・テキストレイヤー（文字）・シェイプレイヤー（四角形・円など）・画像レイヤー・フレーム（複数のレイヤーをまとめる）・グループ（一時的なまとめ）特に重要なのは「フレーム」です。これは単なるまとめではなく、レイアウトの基準になります。グループとフレームの違いここを理解していないと設計が崩れます。グループ→ ただまとめているだけ（位置関係を保持するだけ）フレーム→ レイアウトの親（Auto Layoutや制約が使える）つまり、UI設計では基本的に「フレームを使う」が正解です。レイヤー構造が重要な理由レイヤーは見た目以上に重要です。理由は3つあります。1. 修正しやすさが変わる構造が整理されていないと、どこを触ればいいのか分からなくなります。2. コーディング効率に直結するレイヤー構造がそのままHTML構造に変換されるため、整理されていないと実装時に迷います。3. チーム開発で破綻する他人が見たときに理解できない構造は、それだけでコストになります。よ
0
