Архив блога · Figma · UI

Как правильно настроить Auto Layout в Figma: 10 типовых ошибок и как их исправить

Разбираем частые ошибки Auto Layout и практичные исправления: Hug/Fill, отступы, выравнивание, поведение при изменении контента.

Почему Auto Layout ломается

Большинство проблем возникает из-за неверного сочетания направления, отступов и режимов Hug/Fill/Fixed во вложенных слоях.

Топ ошибок

  • Неверное направление контейнера (horizontal вместо vertical).
  • Элементы выходят за границы из-за Fixed там, где нужен Fill/Hug.
  • Кнопки не растягиваются, потому что не выбран Fill container.
  • Хаотичные отступы и gap без единой системы.
  • Отсутствие корректного alignment внутри контейнера.
  • Смешение адаптивных и фиксированных размеров без правил.
  • Игнор Clip Content в нужных местах.
  • Ручная компоновка вместо системного Auto Layout.

Практика

Проверяйте каждый контейнер по чек-листу: направление, gap, padding, alignment, Hug/Fill и минимальные/максимальные ограничения.

Нужен взгляд со стороны на ваш сайт или продукт?

Переведём наблюдения из статьи в конкретный план улучшений.Обсудить задачу

Следующий шаг

Применим методику к вашему продукту

Пришлите ссылку и коротко опишите задачу. Вернёмся с первым приоритетом и форматом работ.