Auto Layout в Figma. База автолейаута в Фигме на готовых примерах

Разбираемся с Автолейаутом. В уроке не будет сухой теории, разберём чисто на практических примерах базу Auto Layout, чтобы вы могли применять эти паттерны в своём дизайне. У Auto Layout в Фигме есть целая пачка свойств и назначений, в этом уроке мы разберём самую необходимую и достаточную базу, а отдельные дебри изучим в другом уроке, который выйдет на канале позже. Так шо, не пропускай, подписывайся)

🔹 Ссылки:

🔹 Навигация:
00:00 – Начало
00:20 – Цель урока по автолейауту
00:55 – Auto Layout на кнопках
02:47 – Режим Hug Contetns
05:00 – Режим Fixed
06:43 – Кнопка с иконкой
08:32 – Лайфхак со сдвигом иконки внутри Auto Layout
09:33 – Практика на дизайне навигации
11:33 – Как переименовать сразу несколько слоев в Фигме
15:19 – Параметр Space Between на примере дизайна навигации
17:46 – Space Between в кнопке
18:45 – Дизайн карточки товара с Автолейаутом
22:24 – Абсолютное позиционирование
24:19 – Закрепление изученного
24:38 – Бесплатный марафон по дизайну
25:07 – Обучение в Study Kvo

#studykvo #figma #фигма

[ayattelzhanov]

Лять, как же четко объясняешь. Спасибо.
А то видео других авторов приходится ускорять, чтобы не уснуть

[ynleucl]

офигенное видео. До этого была практика в auto layout-е, но мне понадобилось куча часов, чтобы разобраться в том, что очень понятным языком рассказывается в этом видео. Круто.

[konov.kol]

Это то что мне сейчас нужно! Столько видео пересмотрел а основы практические никто не объясняет как на самом деле! так что респект !

[nda]

очень круто) мне кажется это основные нюансы, которые возникают при работе с автолейаутами. Для меня урок - это не рассказывать что это за штука и для чего она служит, как делают это большинство людей, льют бессмысленную воду в которой можно самому разобраться методом тыка и не смотреть 20ти минутные ролики. А вот показать на примерах, что встречается в практике - именно в этом заключается ценность таких видео)) Если бы я записывал гайд - то я бы записал его именно так как вы. Прекрасно что есть люди которые мыслят подобным образом, а не выливают еще один тысячный ролик на ютуб о том, что же такое автолейаут. У таких людей не грех учиться, которые рассказывают о вещах через призму своих проб и ошибок своим языком. Именно в этом заключается компетентность автора, спасибо.

[elenachudakova]

Уроки просто офигические! Большое спасибо! И бесплатные марафоны классные! Только вы так быстро говорите, мой мозг не успевает)))

[ultrapolyarnoevtorzhenie]

Максимально полезный канал без воды! Спасибо огромное!

[ffgirl]

это просто лучший канал по веб-дизайну, который мне только приходилось просматривать!!!
очень полезно, без воды, быстро, чётко и понятно
БОЛЬШОЕ СПАСИБО 🥳🥳🥳

[klqpksv]

Системно, профессионально и интересно поданная информация, огромная благодарность❤

[dttkdjx]

я плохо понимаю разницу между группой, фреймом, секцией. Давайте разбираться

[leralymar]

Спасибо огромное за видео! Очень полезно, особенно про Space between.

[olgakotova]

Спасибо за урок, очень просто и доступно у тебя получилось объяснить непростую тему ❤

[Yelizavetakarastanov]

Благодарочка! Очень понятно и легко стало

[ndancer]

Вот стоило месяцок другим занимался и подзабыл! Благодаря тебе, кое-какие моменты вспомнил! Спасибо❤!

[smolstory]

Спасибо вам огромное за такой супер урок❤ Ваши видео - это просто находка. Именно этого и не хватало. Прошла обучение у других, но у вас всё очень ясно и доступно. Спасибо ❤

[lion_coward]

Спасибо огромное, что помогли разобраться!

[pikaboo]

Хотелось бы еще разборов по autolayot сложных видов 🙃🙂

[AchtungBaby_]

А можно продолжение урока, когда например много autolayoutов в ряд, например теже карточки товаров. Как потом лучше делать адаптив. Понятно что fill + hug, но хотелось бы прям на примерах разных увидеть) Какие то плагины используешь для этого?
Спасибо за офигенский контент!

[wheutcg]

Очень полезное видео, спасибо🤩
А когда уже будет 2 часть по auto layout?😇

[mangtype]

Спасибо вам большое за такое понятное, короткое и грамотное преподнесение информации😭😭😭❤❤❤ я так мучалась с этим пониманием разницы между "Hug", "Fixed", "Fill", мне столько раз объясняли и показывали наглядно как, что, куда и зачем, но смысл дошёл только после вашего урока😭😭😭

Храни вас Боженька, здоровья и прочих приятных вам плюшек😄❤

p.s. куда делся видео-урок с применением стилей в компонентах?👀
p.p.s. будет ли какой разбор или обучающее видео по применению токенов и "Local Variables" в фигме?👀👀

[-ipvp]

где можно скачать само техническое задание?