Auto Layout в Figma. Как быстро сделать адаптивные кнопки для юай-кита в Фигме

preview_player
Показать описание
Привет! В сегодняшнем видеоуроке по Фигме мы посмотрим на то, как работает Auto Layout и разберемся, как можно быстро создать множество адаптивных кнопок, используя всего лишь один родительский компонент и возможности Auto Layout. Если у вас остались вопросы — буду рад ответить на них в комментариях или в следующем ролике!

00:31 Как мы делали кнопки раньше
01:50 Как включить и настроить Auto Layout
04:00 Магия!
05:18 Добавим иконки в кнопки
08:20 Целых 4 варианта кнопки всего лишь из одного компонента
10:22 Где еще пригодится Auto Layout?

Рекомендации по теме
Комментарии
Автор

Спасибо Вам за видео, не могу не отметить грамотно поставленную речь и простые примеры на практике!)

dinki
Автор

Я только-только начинаю работать в Фигме:) Ваш урок очень качественный👏подписка лайк однозначно🙂успехов Вашему каналу💪

mvbvvib
Автор

Большое спасибо! Вся нужная информация и все понятно! А телеграм канала такого нет... ((

talukov
Автор

Супер полезное видео!!!
Надеюсь что ваш канал будет пополняться!

MaskaTrefa
Автор

Спасибо! Очень доходчиво! Педагогический дар!

artemasoap
Автор

Спасибо! Очень классно объяснил и показал - всё понятно!

yttuqqn
Автор

Просто лучший, спасибо.
Очень много времени сэкономил)

PryDikson
Автор

Спасибо за урок небольшой теперь в кодланд платформ больше баллы оставят)

kelrfrp
Автор

Подскажи, а как на твоём примере, сделать под белую стрелку кружок, так, чтобы он не влиял на размеры отступов и не увеличивал размеры кнопки? Т.е. добавить объект под объект и чтобы нижний объект не увеличивал размеры кнопки если он большой

AMdvij
Автор

Скажите, как сделать кнопку с автолэйаутом, у которой подложка будет компонентом? Объясню. Есть набор кнопок с автолэйаутом и мы решаем изменить форму всех кнопок? В вашем случае нам надо будет лезть в каждую кнопку. А как сделать это одним махом? Спасибо!

kooks
Автор

В дочерних компонентах не получается изменить иконку на другую

drdocz
Автор

А как в дальнейшем использовать не только одну иконку а любую иконку стрелочку например заменить на галочку? Все перепробовал позволяет изменить только в местер компоненте

gillikh
Автор

Я буду рад если вы напишете как импортировать проект (css и html)

nezove
Автор

Почему сразу фрейм не создали? В самом начале

krissisem
Автор

Почему-то у меня появляется в панели управления автолойаутом совершенно другие функции и значения. Появляются классические отступ сверху и снизу, как для элементов на странице. Почему-то управления отступами в кнопке и между элементами не появляется. Иначе выглядит совсем. Не знаю, сможете ли вы мне помочь в этом, но понять я не могу почему так. спасибо

zhenyache
Автор

Спасибо! Очень доходчиво! Педагогический дар!

Strongflight