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

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

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

Ссылки:
— Исходники для практики: design-figma.ru/md/youtube_files
— Auto Layout, уровень 1: youtu.be/AP2hGnwgfbY
— Курс по веб-дизайну: sanya-kvo.ru/
— Курс по UX/UI дизайну: sanya-kvo.ru/uxui

— Бесплатный марафон в ТГ: t.me/study_kvo
— Бесплатный марафон в ВК: 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