Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
Делаем магию — форму, для которой не придётся делать адаптивные версии на планшет и мобилку. Вместо этого настроим дизайн через Auto Layout и будем менять ширину, а остальное Фигма сделает за нас.
Это второе видео про Автолейаут, в первом мы разобрали базу и основные принципы. Поэтому, если ты только начинаешь работать с AL, лучше всего начать с первого урока.
🔹 Ссылки:
– Исходники для практики:
– Auto Layout, уровень 1:
– Курс по веб-дизайну:
– Курс по UX/UI дизайну:
– Бесплатный марафон в ТГ:
– Бесплатный марафон в ВК:
– Саня Кво в Инсте:
🔹 Навигация:
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 #фигма
1 view
377
123
3 months ago 00:30:41 1
🔥 Режим контуров (outline) в Фигме. Компоненты, маски, выравнивания. Фигма с нуля
3 months ago 00:26:51 1
🔥 Привязки (constraints). Как настроить адаптив Bento Grids? Автолейаут или привязки? Фигма с нуля
3 months ago 00:03:58 1
⚡Адаптив с AutoLayout в Figma: крутые лайфхаки и советы!
3 months ago 00:27:34 4
Темная тема, auto layout, свойства компонентов: большое обновление Фигма. Config Figma 2022
3 months ago 00:46:27 1
Адаптив в Figma через AutoLayout: секреты, лайфхаки, компоненты и хорошее настроение!
3 months ago 00:14:17 1
⚡️ Автолейаут в Фигме и таблица с линиями. Как настраивать. Фишки, секреты и хорошее настроение
3 months ago 00:19:18 1
Адаптивная форма в фигме через автолейаут. Пошаговый урок за 20 минут
3 months ago 00:23:18 1
Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
3 months ago 00:01:26 1
Курс по UI/UX дизайну (Урок 1). Figma – Вводное видео
4 months ago 00:13:10 1
Продвинутый урок в Figma от арт-директора. Автолейауты, компоненты и эффект яркого текста на коже.
4 months ago 00:16:22 1
Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и эффект портрета из текста
4 months ago 00:17:58 1
Продвинутый урок в Figma от арт-директора. Автолейауты, компоненты и эффект листающихся букв.
4 months ago 00:18:08 8
Продвинутый урок Figma. Эффект в стиле Halftone, автолейауты и компоненты
4 months ago 00:21:27 1
Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото
5 months ago 00:12:14 1
ДИЗАЙН глазами НОВИЧКА в 2023 году / Как стать дизайнером с нуля?
6 months ago 00:16:51 1
Figma Config 2024: у фигмы новый интерфейс! Автолейаут, искусственный интеллект, Figma Ai #4
6 months ago 02:07:01 3
Бесплатный курс: КАК СОЗДАТЬ САЙТ на Taptop? Обучение верстке по макету Figma
8 months ago 00:55:32 12
[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23
8 months ago 00:03:49 1
Как сделать графики в фигме через компонент и автолейаут
9 months ago 00:49:50 1
Автолейауты в Фигме без боли и страданий. Учимся ими пользоваться и быстро работать над макетом
9 months ago 02:02:29 1
Как делать адаптив сайта с автолейаутом на самом деле, а не вот это вот всё 😂 Стрим #68
9 months ago 00:05:02 1
Обновления Figma. Config 2023
9 months ago 00:17:57 1
Auto Layout в Figma на реальных примерах | Новые автолейауты 2022 года простым языком
10 months ago 00:27:12 1
Делаем дашборд по вайрфрейму (прототипу) | UI/UX для новичков | 2 часть