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

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

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

Это третье видео про Автолейаут. В первом мы разобрали базу и основные принципы, а во втором сделали адаптивную форму. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока:
– Auto Layout, уровень 1:    • Auto Layout в Figma. База автолейаута в Фи...  
– Auto Layout, уровень 2:    • Автолейаут в Фигме. Делаем резиновый дизай...  

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

– Бесплатный практикум: https://t.me/study_kvo
– Саня Кво в Инсте:   / sanya_kvo  

🔹 Навигация:
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?

#studykvo #autolayout #фигма