В этом видео поговорим об авто лейауте, этот инструмент позволил сократить время для создания дизайн сайтов.
Что такое Auto Layout — это функция в Figma, которая позволяет автоматически адаптировать элементы дизайна в зависимости от их содержимого и размеров экрана. Она значительно облегчает процесс создания резиновых (responsive) макетов и обеспечивает более гибкое и эффективное управление компонентами в дизайне.
Что представляет собой auto layout в figma
Вот так он выглядит в фигма
Когда мы объединяем элементы в авто лейаут, они становятся вот такой группой
Функция auto layout в figma
В этом блоке мы можем редактировать функции auto layout, отступы и направление flex
Аuto layout figma горячие клавиши
Горячие клавиши для создания авто лейаута ctrl+a или cmd+a на MacOs
Создать Auto Layout (SHIFT + A), превратить фрейм Auto Layout в обычный фрейм (SHIFT + ALT + A), удалить Auto Layout (CMD / CTRL + SHIFT + G) и дублировать элементы на фрейме Auto Layout (CMD / CTRL + D)
Как отменить auto layout в figma
Для отмены авто лейаута можно нажать на минус в этой графе, либо воспользоваться горячими клавишами (CMD / CTRL + SHIFT + G).
Теперь вы знаете что такое auto layout в figma, и можете смело создавать красивый и функциональный дизайн сайта.