Новый Auto Layout в Figma 2021. Урок по фигме с реальными примерами.

В этом видео подробно рассказываю про новый Auto Layout в Figma. Сделала полноценный урок с реальными примерами. Использование Auto Latout в фигме упростит работу и сократит время разработки дизайна.

Тайм-коды:
00:00 Почему надо использовать Auto layout?
00:49 Обзор презентации Figma
01:26 Создаю Auto Layout
02:00 Горизонтальное/вертикальное положение
02:16 Отступы между объектами
02:29 Отступы от контейнера (padding)
03:22 Положение контента в контейнере
05:38 Resizing
07:34 Кнопка с Auto Layout (пример)
10:12 Карточка товара с Auto Layout (пример)

Интерактивная презентация на обновленный функционал фигма

👉 Смотрите видео до конца, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Добавляйтесь в друзья:

Вступайте в сообщества:

Мои работы:

#figma #webdesign #uxui #uikit

[ValeriyaDesire]

Работаете с Auto Layout? Напишите нравиться ли вам видео такого формата?

Тайм-коды:
00:00​ Почему надо использовать Auto layout?
00:49​ Обзор презентации Figma
01:26​ Создаю Auto Layout
02:00​ Горизонтальное/вертикальное положение
02:16​ Отступы между объектами
02:29​ Отступы от контейнера (padding)
03:22​ Положение контента в контейнере
05:38​ Resizing
07:34​ Кнопка с Auto Layout (пример)
10:12​ Карточка товара с Auto Layout (пример)

[mariadilmann]

Повторяла за вами всё видео! Наконец-то я не буду больше избегать автолейаутов. Намучилась всё пальчиками править, подгонять. До этого прошла целый курс, мониторила ютьюб, только у вас разобралась. Спасибо за ваше спокойное разъяснение.

[Annaska.p]

спасибо за урок, до этого автолейаут мне только в кошмарах снился от непонимания, теперь стало легче) осталось попробовать на практике)

[АннаЧурсина-лн]

Спасибо большое за урок! Все получилось, как у вас. 👍👍

[annavas]

Отличные видео. Просто, по делу, подробно, но не нудно. Одни из лучших уроков по фигме, что я находила.

[ky]

Посмотрел очень много уроков по Auto Layout в Figma. Пожалуй, ваш урок самый информативный! Однозначно лайк и подписка. Хорошо, что наткнулся на ваш канал)

[Альбина-де]

Валерия Вы такая умница! Все подробно не торопясь обьясняете. Я новичок, только начала изучать программу Figma. Посмотрела ваш урок и все стало понятно по AutoLayout . Спасибо Вам большое!

[Алина]

Валерия, спасибо! Потрясающе легко и интересно объясняете материал!

[ПолинаРадуга]

Хорошо рассказали. Вот хотелось бы видео как сами карточки делать, я вот совсем новичок, мне было бы полезно.

[beautifulrelaxationmusicfo]

Очень хорошее видео, все структурировано и детально объяснили. Спасибо вам огромное!

[АннаОмелич-тв]

Спасибо, Валерия! С Auto Layout знакома, но совсем мало его использовала. Очень наглядно показали все преимущества. 👍
И кстати голос и манера подачи мне нравятся, не слушайте хейтеров) Подписалась, планирую посмотреть все ваши видео. Мне зашло)

[ЮличкаДиянова]

Спасибо огромнейшее за видео!! Как раз в процессе изучения и применения на практике этой функции😉🙃 Оказалось, что не так всё сложно, когда рассказывают понятным языком, да и еще на реальных примерах!! Реально такая экономия времени и сил🤗😛

[ЛарисаМусалаева-ли]

Спасибо большое! Многое встало на свои места! Приятно и понятно))

[citylights_wow]

большое спасибо за видео, все очень подробно рассказано! 😊

[Михаель-лх]

Спасибо за ваш труд) Оплатил курс в онлайш школе, а в итоге учюсь по Вашим роликам)))
Ибо Вы умеете гораздо правильнее подавать и объяснять материал и что не мало важно - демонстрировать где и как он может быть полезен)

[МаксимСоколкин-вт]

Отличное видео! Давно хотел разобраться, как это работает. Спасибо за подробное объяснение, ставлю лайк 👍

[kseniLee]

Благодарю, Валерия! Все очень понятно и грамотно объяснила )

[lidiia]

Спасибо большое)А что делать если обрезается картинка при увеличении?

[antongripak]

Лично я уже начал работать с авто-лейаутом и это крутая штука. Ваше видео очень доступно (на мой взгляд) и понятно. Хотя в целом, не вооруженному человеку очень не просто понять вообще Авто-Лейаут.
П.С. Видел у вас по соседству видосы по гайдлайнам и по созданию УА-Кита. Обязательно посмотрю.

[margaritaboretskaya]

Большое спасибо за урок! Остался вопрос по настройке расстояния между текстовыми блоками, чтобы они не наезжали друг на другу