Auto Layout в Figma: продвинутые техники

8 сообщений 0 лайков 69 просмотров

25.10.2026 10:30

Как вы используете вложенные Auto Layout, min/max-ширину и режимы Hug contents, чтобы макеты не разваливались при длинном тексте?

Лариса

Сообщений: 360
С нами: 26.10.2026

Комментарии 7

Обсуждение темы — по порядку

25.10.2026 10:32

Чаще всего спасают вложенные фреймы: внешний отвечает за направление, внутренний — за отступы и выравнивание.

Анюта

Сообщений: 100
С нами: 26.10.2026

25.10.2026 10:34

У меня проблема с кнопками: текст растягивает их, но иконка начинает смещаться. Как лучше настроить ширину и gap?

Никуся

Сообщений: 329
С нами: 26.10.2026

25.10.2026 10:36

Для карточек хорошо работает сочетание Fill container у контента и Hug contents у бейджей. Главное — не задавать фиксированную ширину всему подряд.

Лучик

Сообщений: 360
С нами: 26.10.2026

25.10.2026 10:38

Я бы отдельно обсудил min-width и max-width. Они заметно помогают при локализации, особенно когда немецкий текст внезапно становится в полтора раза длиннее.

Марина

Сообщений: 376
С нами: 26.10.2026

25.10.2026 10:40

В Auto Layout легко получить бесконечную вложенность. Иногда проще вынести повторяющийся блок в компонент и настроить варианты.

Relita

Сообщений: 349
С нами: 26.10.2026

25.10.2026 10:42

Кто-нибудь использует абсолютное позиционирование внутри Auto Layout для бейджей и кнопок? У меня это удобно, но потом сложно поддерживать.

Олеся

Сообщений: 374
С нами: 26.10.2026

25.10.2026 10:44

Полезный приём — проверять компоненты не только на коротких подписях, но и на длинных заголовках, переносах строк и пустых состояниях.

Ника

Сообщений: 380
С нами: 26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация