Figmaのオートレイアウトで整列されたオブジェクトの間隔を変更する手順を紹介します。
整列されたオブジェクトの間隔を広げたり、狭めたりしたい場合があります。
この記事では、整列されたオブジェクトの間隔を変更する手順を紹介します。
整列されて配置されているオブジェクトを用意します。今回は下図を用意しました。
16枚の画像が並べられています。
キャンバスをドラッグして範囲選択してすべてのオブジェクトを囲んで選択します。
選択できると下図の状態になります。
選択されたオブジェクト内にマウスポインタを移動するとピンク色のハンドルが表示されます。
横方向の間隔を変更する場合は、オブジェクトの間にある縦線のハンドルをドラッグします。
マウスポインタをハンドルに重ねるとマウスポインタの形状が変化します。
クリックしてドラッグをはじめます。マージンのエリアがピンク色に変わります。
ドラッグするとオブジェクトの横方向の間隔が広がります。
ドラッグを完了します。横方向の間隔を広げることができました。
縦方向の間隔を変更する場合は、オブジェクトの間にある横線のハンドルをドラッグします。
マウスポインタをハンドルに重ねるとマウスポインタの形状が変化します。
クリックしてドラッグをはじめます。マージンのエリアがピンク色に変わります。
ドラッグするとオブジェクトの縦方向の間隔が広がります。
ドラッグを完了します。横方向の間隔を広げることができました。
整列されたオブジェクトの間隔を変更できました。
