Figmaのオートレイアウトで1つの要素だけ自由な位置に置きたいときは「Absolute position」をオンにする

どんな問題を解決するか / いつ使うか

アバターの右上の通知バッジ、カードの角に重なる「NEW」ラベルなど、オートレイアウトの流れから外して重ねたい要素があるとき。オートレイアウトをやめて手で並べ直さずに済む。

やり方

1. オートレイアウトのフレームの中で、浮かせたい要素を選ぶ。
2. 右パネル上部の「Absolute position」（枠から飛び出す四角のアイコン）をオンにする。
3. 位置を調整し、Constraints（例：Right ＋ Top）を設定する。親のサイズが変わっても、角に付いたまま動く。

注意点

• 浮かせた要素は、ほかの要素の並びや親のサイズ計算に含まれなくなる。
• 重なり順はレイヤーの順番で決まる。前に出したい要素はレイヤーの上に置く。
• 実装では position: absolute に相当する。親には position: relative が必要、とエンジニアに伝えるかAIに指示する。
• 関連：Figmaのオートレイアウトで負のギャップを使い、重なったアバタースタックを作る

出典

• 投稿者: @wokobo_net
• 投稿: @wokobo_net · 2026-10-14
• 収集日: 2026-10-16（JST、10/15・10/16分の巡回をまとめて実施）