Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout

Делаем магию — форму, для которой не придётся делать адаптивные версии на планшет и мобилку. Вместо этого настроим дизайн через Auto Layout и будем менять ширину, а остальное Фигма сделает за нас.

Это второе видео про Автолейаут, в первом мы разобрали базу и основные принципы. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока.

🔹 Ссылки:
– Исходники для практики: https://design-figma.ru/md/youtube_files
– Auto Layout, уровень 1:    • Auto Layout в Figma. База автолейаута...  

– Курс по веб-дизайну: 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 – Начало
00:00:21 – Два типа дизайнеров
00:00:38 – Цель уроков по автолейауту
00:01:14 – «Резиновая» форма заявки в Фигме
00:02:29 – Поле ввода на автолейауте
00:03:14 – Лайфхак с расположением текста оптически по центру
00:06:51 – Кнопка на автолейауте
00:08:29 – Собираем форму
00:10:20 – Абсолютное позиционирование на примере сердечка
00:11:23 – Добавляем магию: автоматический адаптив
00:16:51 – Адаптив для планшета
00:17:13 – Адаптив для мобилки
00:19:49 – Закрепление изученного
00:22:27 – Бесплатный практикум по дизайну
00:22:46 – Обучение в Study Kvo

#studykvo #figma #фигма