Функция автоматического выравнивания (Auto Layout) в Figma позволяет автоматически задавать отступы и расположение элементов внутри контейнера. 2 Такая опция помогает создавать дизайн, который будет адаптироваться к изменениям размера элементов и автоматически переформатироваться при изменении содержимого. 2

Чтобы активировать Auto Layout, нужно выбрать любой фрейм и на боковой панели настроек в блоке Layout нажать на соответствующую иконку. 1 Этот блок сразу переименуется в Auto Layout, и появятся все доступные настройки. 1

Некоторые параметры Auto Layout:

• H и W — регулируют ширину и высоту блока. 1 Можно задать фиксированный размер блока либо указать, чтобы размер подстраивался под контент. 2 Также дизайнер может указать максимальный и минимальный размеры блока. 2
• Стрелки указывают, как будут выстраиваться элементы внутри фрейма с Auto Layout. 1 Стрелка ↓ означает вертикальное выравнивание, а → — горизонтальное. 1
• Параметр, который задаёт отступ между элементами. 2 Отступ может быть отрицательным — тогда элементы будут накладываться друг на друга. 2
• Настройки внешних полей: слева-справа и сверху-снизу. 2 Нажав на иконку справа, можно задать отступ для каждого поля по отдельности. 2

Если дважды кликнуть на синюю иконку, модули будут выравниваться по ширине или высоте основного фрейма так, чтобы полностью его заполнить. 1 Чтобы поменять блоки местами, нужно выделить один из них и перетянуть на то место, где он должен стоять — выбранный блок сам выровняется в соответствии с настройками фрейма с Auto Layout, как и соседние. 1