Auto Layout в Figma. База автолейаута в Фигме на готовых примерах

Разбираемся с Автолейаутом. В уроке не будет сухой теории, разберём чисто на практических примерах базу Auto Layout, чтобы вы могли применять эти паттерны в своём дизайне. У Auto Layout в Фигме есть целая пачка свойств и назначений, в этом уроке мы разберём самую необходимую и достаточную базу, а отдельные дебри изучим в другом уроке, который выйдет на канале позже. Так шо, не пропускай, подписывайся)

🔹 Ссылки:
– Исходники для практики: https://design-figma.ru/md/youtube_files

– Курс по веб-дизайну: https://sanya-kvo.ru/
– Курс по UX/UI дизайну: https://sanya-kvo.ru/uxui

– Бесплатный марафон в ТГ: https://t.me/study_kvo
– Бесплатный марафон в ВК: https://vk.com/study_kvo
– Саня Кво в Инсте:   / sanya_kvo  

🔹 Навигация:
00:00 – Начало
00:20 – Цель урока по автолейауту
00:55 – Auto Layout на кнопках
02:47 – Режим Hug Contetns
05:00 – Режим Fixed
06:43 – Кнопка с иконкой
08:32 – Лайфхак со сдвигом иконки внутри Auto Layout
09:33 – Практика на дизайне навигации
11:33 – Как переименовать сразу несколько слоев в Фигме
15:19 – Параметр Space Between на примере дизайна навигации
17:46 – Space Between в кнопке
18:45 – Дизайн карточки товара с Автолейаутом
22:24 – Абсолютное позиционирование
24:19 – Закрепление изученного
24:38 – Бесплатный марафон по дизайну
25:07 – Обучение в Study Kvo

#studykvo #figma #фигма