Auto Layout в Figma с нуля — дизайн экрана Т-Банка

Продолжаем прокачку Auto Layout в боевых условиях. Теории не будет — сразу практика: делаем адаптивный экран банковского приложения. Заодно разберёмся, в каких случаях автолейаут нужен, а когда можно обойтись без него. Повторим экран Т-Банка и сделаем так, чтобы он был резиновым на любую ширину.

⚡️ Закрытый клуб для дизайнеров: sanya-kvo.ru/status
Скачать проект из урока: design-figma.ru/md/youtube_files

Это третье видео про Автолейаут. В первом мы разобрали базу и основные принципы, а во втором сделали адаптивную форму. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока:
— Auto Layout, уровень 1: www.youtube.com/watch?v=-hiWMFGNgiM
— Auto Layout, уровень 2: www.youtube.com/watch?v=AP2hGnwgfbY

Бесплатное дизайнерам: t.me/study_kvo
UX/UI Буст карьеры: sanya-kvo.ru/

🔹 Навигация:
00:00:00 — Начало
00:00:38 — Резиновый экран приложения в Фигме
00:01:49 — Chips на автолейауте
00:02:11 — 2 способа создать автолейаут
00:02:54 — Лайфхак: как сделать текст оптически по центру
00:04:13 — Нужен автолейаут или нет: как понять
00:06:41 — Адаптивный пункт списка на автолейауте
00:07:30 — Когда можно использовать группу вместо автолейаута
00:11:05 — Собираем адаптивный список
00:11:58 — Лайфхак: как скопировать эффект
00:15:05 — Собираем экран на автолейауте
00:17:00 — Режим Fill: базовое правило адаптива
00:18:44 — Закрепление изученного
00:19:06 — Обучение в Study Kvo
00:19:25 — Как дела с Auto Layout?