現象の確認

Figmaでオートレイアウトの枠で、下図のように項目が重なってしまったり、順番とは関係ない位置に要素が表示されることがあります。

レイヤーのパネルを確認すると、重なってしまう要素には、レイヤー名の左側のアイコン部分に枠が表示されていることがわかります。

原因

レイヤーの項目のアイコンが四角い枠に囲まれている場合[絶対位置]での配置になっているため、オートレイアウトの並びが無視されてしまうことが原因です。

対処法　

レイヤー名の左側のアイコン部分に枠が表示されている要素を選択します。


右側のエリアの[位置]の右側にある[オートレイアウトを無視]のボタンを確認します。有効になっている場合はボタンが青色になっています。クリックして無効にします。

[オートレイアウトを無視]が無効になると、オートレイアウトの設定に従って整列されます。


レイヤーの順番を入れ替えては一巡も調整できるようになります。

以上で設定は完了です。