[NEW] 🔥 новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах! Урок 23
Вставка
- Опубліковано 12 чер 2024
- #alexeybychkov #ityoutubersru #webdesign
Как настраивать автолейаут? Обзор обновленного Auto Layout в Фигме. Реальные примеры, советы и лайфхаки
Ссылка на файл www.figma.com/file/RFhJ0NyPZu...
Скриншоты для насмотренности boosty.to/alexeybychkov/posts...
ТикТок - / alexeybychkov_
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты -
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Содержание курса:
Урок 1 - [NEW]⚡Аккаунт, история версий • [NEW] 🔥 Обзор интерфей...
Урок 2 - [NEW]⚡Гамбургер меню, предпочтения • [NEW] 🔥 Обзор меню, по...
Урок 3 - [NEW]⚡Инструменты и калькулятор • [NEW] 🔥 Инструменты и ...
Урок 4 - [NEW]⚡Слои, маски и массовое переименование • [NEW] 🔥 Слои, маски и ...
Урок 5 - [NEW]⚡Сетки. Bootstrap. 8 px grid • [NEW] 🔥 Модульные сетк...
Урок 6 - [NEW]⚡Привязки • [NEW] 🔥 Привязки (cons...
Урок 7 - [NEW]⚡Компоненты • [NEW] 🔥 Компоненты в F...
Урок 8 - [NEW]⚡Компоненты и адаптив • [NEW] 🔥 Компоненты и а...
Урок 9 - [NEW]⚡Выравнивания, Tidy Up • [NEW] 🔥 Выравнивания (...
Урок 10 - [NEW]⚡Текст • [NEW] 🔥 Текст в Figma:...
Урок 11 - [NEW]⚡Цвет, градиенты, изображения • [NEW] 🔥 Цвет в Figma: ...
Урок 12 - [NEW]⚡Обводка • [NEW] 🔥 Обводка в Figm...
Урок 13 - [NEW]⚡Эффекты: блюры, тени • [NEW] 🔥 Эффекты в Figm...
Урок 14 - [NEW]⚡Библиотека команды • [NEW] 🔥 Библиотека сти...
Урок 15 - [NEW]⚡Варианты • [NEW] 🔥 Figma Variants...
Урок 16 - [NEW]⚡Прототипы в Фигме (часть 1) • [NEW] 🔥 Прототипы в Фи...
Урок 17 - [NEW]⚡Интерактивные компоненты (часть 2) • [NEW] 🔥 Интерактивные ...
Урок 18 - [NEW]⚡Панель кода Inspect • [NEW] 🔥 Панель кода In...
Урок 19 - [NEW]⚡Экспорт • [NEW] 🔥 Панель экспорт...
Урок 20 - [NEW]⚡Ссылка на проект - • [NEW] 🔥 Ссылка на прое...
Урок 21 - Комьюнити - … будет)
Урок 22 - [NEW] ⚡ Плагины - • [NEW] 🔥 Плагины и Видж...
Урок 23 - [NEW] ⚡ Auto Layout 4.0 в Фигме • [NEW] 🔥 новый Auto Lay...
Урок 24 - [NEW] ⚡ FigJam • [NEW] 🔥 FigJam - онлай...
0:00 - тоже мне новости!
1:32 - кнопки и автолейаут
5:52 - как устроен автолейаут
7:56 - обзор панели автолейаута
14:43 - кнопка и абсолютное позиционирование
16:40 - табы и автолейаут
18:55 - Фил Хуг!
21:12 - настройка цитаты
24:12 - настройка аккордеонов
29:23 - хоткеи автолейаута
31:52 - адаптив блока с АЛ
36:20 - настройка текстового блокар
37:54 - таблица и автолейаут
41:47 - автолейаут огромного текста
48:51 - автолейаут и смартфоны
50:27 - автолейаут и калькулятор
51:14 - крутой плагин для автолейаута
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Кому черный пояс по Автолейауту?!
Мнееее
🙋♀
Супер, очень понравилось! Только один момент в ссылке где мы практиковались и повторяли за тобой одна из работ уже с авто переносами (Frame 4) начинается с "Что получилось, то и модно!" 👽
Последние задание просто топчик😇
получен)
Госпадя, да это просто счастье какое-то!!!!! Филл хуг - это просто гениально. Если у меня родятся близнецы, назову их Филл и Хуг.
вот именно)
55 минут которые изменили рабочий процесс огромного количества людей! Фантастика!
круто звучит)
В перерывах на обед, между фильмом и твоими уроками - выбор очевиден. Здесь не только научпоп, но еще и комедия, детектив и лайфхаки. 😁 Спасибо за эти ценные минуты. Фил Хуг! 😼
ееее спасибо)) Фил Хуг!
Это просто нереальная реальность!!! Алексей, вы просто ФилХугный Бог!
😀😊
Фил Хуг! Я тут новенькая, просмотрела весь курс по Фигма за неделю.
Подача ОГОНЬ! Материал ОГОНЬ! Канал ОГОНЬ! Энергия и доброта прям веет через экран.
Каждый урок записываю в конспект информацию и иду практиковаться.
Спасибо тебе большое за ценную информацию которую ты даешь. ❤️
Фил Хуг! спасибо за подписку!
Я влюбилась. Второй месяц как собака бешенная кликаю с урока на урок и наслаждаюсь подачей: по сути, без нафталина, быстро (отдельный лайк за скорость речи) и какие полезные фишки!
Изучение фигмы после фш и иллюстратора идет через все стадии: -отрицание (в фш я это быстрее могу)
-гнев ( не идет кабан в скворечник)
-торг (а может есть другой способ?)
-депрессия ( я туууупая, очешь милая, но туууупая)
-принятие ( роллик Алексея - опа, все круче и быстрее, че так в фш не делают?)
Спасибо, Алексей, вы просто потрясающий. Даже инсту поставила, ради ваших видео ))
Круто) очень рад, что ролики нравятся! ❤️
как успехи?
@@ankosato все идеально. Фигма рулит, Леша огонь
"Я не забухал и не пропал, а просто ушел подбирать иконки", учитель от бога, подача 20 из 20
рад, что нравится! 😍
Вроде правильно будет "23 из 23", разве нет?
Единственные туториалы, которые я не ускоряю, а замедляю
Спасибо за просмотр)
Алексей, это полный ФИЛ ХУГ! Я наконец таки понял как работают автолайауты. Первый раз просто посмотрел ролик, второй - выполняя за тобой действия, третий - всё сам взял и настроил и всё тянется и сжимается и работает! Это наконец то произошло - я теперь умею в это ) 🥳🥳🥳🥳
круто) очень рад!
Ничего себе 😱😱😱 Целый час полезного материала))) Мотивация срочно бежать домой и смотреть)😁
Давай-давай))
Это просто какая-то магия🤩🤩🤩 Спасибо за такие познавательные и классные уроки) Фил хуг)))
Фил Хуг!
Самый подробный обзор нового Auto Layout в Figma 4.0 с реальными примерами....Очень круто!!!
Спасибо за просмотр и комменты!
Ухх, целый час полезной инфы, как всегда ролик на наивысшем уровне, а под горячий чай еще лучше!🔥🔥🔥
спасибо за просмотр)
Как круто теперь таблички настраивать, сплошное наслаждение) Ооочень много полезнейшей инфы🔥 Плагины крутые очень👍💥 Бесконечность лайков отсыпаю😁
Спасибо))
огонь! вот на сколько я считаю, что владею фигмой на достаточно профессиональном уровне, каждый твой видос я выхватываю для себя 3-5 новых и полезных вещей! НА ХАЛЯВУ! ))))))))
ну класс)
Это просто волшебство какое-то. Филл Хуг) Спасибо)
Фил Хуг!
Наконец-то полностью посмотрела весь плейлист, хочу сказать,что он просто ШИКАРНЫЙ!! Впереди еще куча контента на канале! Спасибо за мотивацию, качественный контент и огромный труд! 😃😃😃😃
ееее круто! ♥️
Алексей, большое спасибо за это видео и все остальные. Такой четкой и структурированной подачи материала я не встречала нигде. Все быстро, доступно и, что немаловажно, с юмором. Черный пояс по фигме с вашими видео точно обеспечен. Фил Хуг :))
пожалуйста! Фил Хуг!
Я не ожидала что это настолько удобно, спасибо за видео, пойду изучать все подробнее)
🥳
Класс! Наконец-то пришло понимание, что такое autolayout))) Спасибо)
отличные новости)
супер ✨
вот это целый фильм по автолаяутам)
с филхуг отличная идея!🥰
а ведь и правда стало проще таблицы делать, не нужно линии добавлять и разбираться с их привязками и тд, просто одной строкой настроил и все 😻
да круто стало!
Добрый день, Алексей. Да, это очень круто, что я смотрю ваши видеоролики )) Спасибо! Покупала курс по Figme в надежде, что платный курс более структурирован и последователен. Это так и было, пока не наткнулась в сети на ваши видеоролики ))) Еще раз ОГРОМОЕ спасибо за то, что делите ролик на эпизоды и расписываете по времени. Для обучения это невероятно удобно, всегда можно быстро найти нужный момент.
привет. рад, что нравится!
Алексей, спасибо вам, что вы так все подробно объясняете
рад, что нравится!
Аааааа вся информация супер! Спасибо что разбираешься все с такими шикарными примерами!!!!
пожалуйста))
Самое подробное и понятное объяснение автолейаута, спасибо огромное за такое обилие примеров!! На теории вроде понятно, а начинаешь тыкать и все ломается, а тут пример на любой случай жизни, ещё и файлик можно потыкать!
Пожалуйста огромное!
Как всегда полет энтузиазма и профессионализма😍😍 Спасибо за ценные советы, за разбор таких непонятных функций, как абсолютное позиционирование и выравнивание по строчному тексту) Теперь все работает как надо
спасибо за просмотр)
Я проходила платные курсы по Фигме. Такой подробной и разжеванной инфы не было ни у кого. Стопицот лайков!
ну класс)
"Чем меньше настроек, тем лучше, быстрее и веселее", мне кажется этим руководствуются все консоли и консольщики))
Спасибо за столь полезный и по полочкам разложенный контент, Вы, наверно, единственный человек на ру сегменте, который так много, детально и открыто дает информацию!❤🔥
Пожалуйста)
Спасибо! Все посмотрела до конца! С остановками для повторения каждого шага самой))) Времени ушло побольше, чем на простой просмотр! Зато теперь!!!!! Все умею!!!! Спасибо! (нет, не большое, ОГРОМНОЕ)!
Ееее круто!
Спасибо большое за такой емкий курс по фигме- он просто находка на ютубе для меня! Подача супер, материал интересный.Просто 10000000/10.😃😃😃😃
пожалуйста! ♥️🥳
очень крутой видос получился, особенно пояснения по кнопкам, а то вот вроде смотришь, всё понятно, а как начинаешь тыкать и уже что-то непонятно )) спасибо!
пожалуйста)
Офигенный ролик!!!! Офигенный... Алексей, ты Гений!!🔥🤓🤓🤓
🎩 Спасибо за просмотр)
ура)) видосик подъехал ❤️❤️❤️ все выходные ждала ) спасибо!
ну класс)
Супер! Спасибо за разъяснения. Теперь у меня есть черный пояс по автолайауту. Ура! Фигме тоже спасибо, упрощает нам жизнь.
отличные новости!
Леха, спасибо тебе огроменное за твое видео, я думала, что никогда не разберусь с этим демоном, а сейчас появилась надежда, филхуг!
Фил Хуг!
Ролик помог решить задачку. Один момент не получился, но ничего - буду разбираться. Спасибо, что так подробно все рассказываешь! Твой канал самый лучший. Никто настолько не заморачивается с деталями
спасибо за просмотр)
Где показывал настройку таблицы, и крупных текстовых блоков, я вообще залипла)) Спасибо ещё раз🤗 Долго ждала этот урок, и не зря)))
ну класс) пожалуйста!
Алексеееей что Вы творииите 🙈
Еще никогда с таким интересом не смотрела обучающие видео.
Кажется, теперь Ваши видео стали неотъемлемой частью моей жизни❤️ Даже видео с разбором дизайнов нравится смотреть больше, чем какой-то фильм или сериал)
Спасибо за труд!
ееее очень рад)
Это божественно))мозг взорвался и собрался заново
😄🤟
Чёрный пояс по фил-хугу получил, с новым арсеналом приёмчиков группу автолейаутов о голову разбиваю на раз-два! Отличный урок, благодарю, сэнсэй.
ееее круто)
Огроменное спасибо вам за такой подробный курс по фигме ! За столь короткое время я очень многому научилась благодаря вашим урокам
очень рад!
Невероятно, Алексей! Юмор, подача, профессионализм - всё на высоте! Спасибо тебе за это!
пожалуйста)
Леша, спасибо большое! Я самая радостная, что когда-то пресвятые рекомендации ютуба подарили мне возможность узнать Алексея Бычкова и столько полезностей
круто) ♥️
Алексей вы реальный Шифу! Буду вашим учеником) 🔥🔥🔥 позитивом заряжаете 😃
рад, что нравится)
Абсолютное позиционирование просто шикарное на мой взгляд) теперь можно не бояться ал, и смело добавлять туда элементы))
да, клевая опция!
Спасибо за такое подробное объяснение! Ваш канал просто находка!
пожалуйста) спасибо за подписку!
Это лучший бесплатный курс по фигме, спасибо за бесценный труд!
очень рад!
Черный пояс пока развязывается порой, но я усердно его продолжаю затягивать)) Спасибо за контент, он на вес золота!
рад, что контент помогает!
О Боже!! Моя жизнь не будет прежней! Спасибо тебе огромное!
еее круто)
обьяснение как всегда на высоте! целый час пользы🔥 просмотрела весь ролик, а теперь на повторе , для закрепления результата💪
Ну класс)
Очень полезное видео и подача понравилось, с таким веселым настроем уже не так страшно выглядит автолейаут)
вот и замечательно!
Спасибо тебе, наш учитель! Столько офигенной информации только у тебя! Щедро делишься, пусть самое хорошее и доброе возвращается к тебе🤩💥
пожалуйста! 🥳🎉
Спасибо тебе большое за ролик!) Думала придется самой сидеть до посинения разбираться с новыми настройками. И тут вышло твоё видео)) Так еще и с возможностью под видео потыкать все самой) ОГОНИЩЕ!!!🔥🔥🔥🔥
круто) пожалуйста!
Офигенский ролик! Много полезной инфы) Круто, что показываешь практические задачки в фигме ❤❤❤
супер)
Это самое ценное видео для меня, т.к. с автолейаутом не дружу... не дружила. Буду дружить теперь😂 Спасибо за информацию и реальные примеры) Фил хуг!
Фил Хуг!
Алексей МОНСТЕР!!! Так помог. Часа 2 сидел не мог понять как layiou правильно настроить для выполнения задачи, а тут всё понял!
Рад, что помог!
ФилХуг ))) Спасибо, Алексей, за урок! АГОНЬ!!! Как всегда мега полезно, уместно и позитивненько! ))
Фил Хуг)
И отдельное спасибо за плагины! ))))
Час пролетел незаметно. Все просто и понятно, спасибо большое за такой труд!!!!🥰
пожалуйста)
Как в воду смотрела, когда писала под этим же видео комментарий о том, что вскоре вернусь..поехали по второму кругу, автолейаутов много не бывает😂🔥
с возвращением
Периодически пересматриваю этот ролик, огромное человеческое спасибо!) Час пролетает незаметно)
спасибо за пересмотр!
Вовремя ролик подоспел: в домашке по лендингу пригодился. Подкрасил свой черный пояс местами )) Как всегда, очень качественно и полезно. Спасибо!
супер) рад, что пригодится!
Ееее, спасибо!!🤩 Много новых полезных советов, все буквально по полочкам разложено😌 намного легче теперь будет, еще раз спасибо за разбор и позитив!🤍
Спасибо за просмотр!
Фил хуг запомнила на всю жизнь, теперь не буду по часу думать, кто куда должен растягиваться, подтягиваться. Просто фил хуг💪
Фил хуг))
Пришлось вернуться к этому видосу снова, открывала чтобы посмотреть пару моментов, а в итоге посмотрела целиком снова, вот это даа😅
спаасибо за пересмотр)
Спасибо большое Вам Алексей за подробные классные и не скучные уроки...Вы большооой молодец
пожалуйста)
Божечки, какой хороший урок 🔥🔥🔥
С юмором, с пользой и легко ✨
Несколько раз возникало стойкое ощущение дежавю 🤩😉
Спасибо за урок! И не останавливайся!)
рад, что понравилось)
Это незаконно такое выкладывать в бесплатный доступ)супермега полезная информация) Леша, спасибо большое!Филл хуг) пойду кнопки нажимать.
Фил Хуг))
Удивительно вовремя вышло твое видео! Спасибо. Все подробно как и всегда!
супер)
Клааааасс, спасибо за хоткеи ал 😍 даже не знала про них))
пожалуйста)
Плюс, для меня тоже Америка открылась с этими хоткеями😂
Круто, что можно было самой кнопки понажимать, потренироваться. Было полезно!
Фил-Хуг теперь надолго застрянет в моей голове)
"Сцены после титров" всегда Огонь 😃
Фил Хуг!
Очень крутое видео!!! Я уже как сериал смотрю, за едой) Подача супер!
спасибо за просмотр)
Зачетный ролик, как и весь контент по фигме на этом канале) Спасибо, Алексей) филхуг форева))
Фил Хуг)
Алексей, спасибо, что объяснил все по полочкам! Действительно тема актуальная для многих. Теперь можно не обходить автолаяут стороной, а пользоваться в свое удовольствие! Круто же!!!
супер)
Огромное спасибо тебе за интересный и полезный урок, как всегда,информативно и наглядно
пожалуйста)
Лайк не гляда! Авансом! Вечером гляну с блокнотиком и фигмой.
Отличный план)
чел, спасибо тебе ОГРОООООМНОЕ!!!!! за 55 минут я сократила себе время диза на года. это просто восхитительное объяснение) правда, с твоей быстрой речью я 500 раз перематывала по 5 сек :D но ничего, повторение - мать учения)
круто) рад, что ролик помог))
Ролик Огонь! Как и обновления Фигмы! Автолояут сделали простым и понятным (даже на интуитивном уровне). Абсолютное позиционирование-супер вещь! Спасибо за видео -узнала много нового, то что обязательно пригодится в работе! ФИЛ ХУГ
Фил Хуг))
Леша, ну класс! ты просто автолейаут-сенсей!
🎉
Автолейаут на все случаи жизни! Здорово, что в ролике есть примеры для простых элементов и для сложносоставных блоков дизайна!
тоже так думаю)
Очень содержательно 👍 Не так много обучающих видео почти на час времени, которые смотришь с интересом и без кофе)
круто) рад, что нравится!
Так, спустя 2 дня, как я разбираю это видео, хочу сказать, что стало намного понятней 😂👍🏼
Чёрный пояс меня все-таки ещё ждёт, нужно побольше нажимать кнопочек. Большое Спасибо за подробный урок и материалы, на которых можно тренироваться по ходу видео, было бы оч круто посмотреть что-то похожее про компоненты, потому что с ними тоже беда (видео на бесплатном курсе по фигме смотрела)
Ещё раз большое Спасибо!
Чуть не забыла) у меня почему-то, когда я настраиваю начинку в контейнере на фил хуг, проверяю, что все работает, перехожу к другому элементу, затем возвращаюсь к автолояуту, а фил уже слетел... и так практически всегда, стоит нажать на другую область и фил убегает, в чем может быть косяк?
надо начинать с меньшего и идти к большему, тогда слетать будет сильно реже
ФилХуг и все так легко! Спасибо Алексей за такую информацию и очень простое объяснение!! Твои ролики самые крутые и позитивные)!!!!
Фил Хуг)
Спасибо за подробнейший урок! Просто спасение для тех, кто впервые столкнулся с этой темой 😅
Спасибо за просмотр)
Фил-Хуг звучит как какой-то суперприйом в реслинге))
спасибо за подробный урок, побежала тренироваться!
😄 а еще это "почувствуй обнимашки" или "дай обниму" feel = чувствовать (fill - заполнять), ну а hug - и там и там обнимашки
@@alexeybychkov_ или "наполни обнимашками этот контейнер" 🤗 😄
Есть идея для ролика: ля новичков было бы круто сделать что-то вроде схемы, что и когда использовать.
Например: кнопки лучше делать через использование Auto Layout и Компонент с вариантами и объяснение почему.
Карточку через компоненты и т.д.
Спасибо за полезные ролики)
каждый со временем сам для себя поймет что ему удобнее. Фреймы или группы, АЛ или просто привязки и тд. Надо работать так, как тебе удобнее, а не так, как кто-то сказал)
До чего дошел прогресс!😱😆 Спасибо, Леша, что все не просто объяснил, но и показал. Фил хуг!
пожалуйста!
01:26 ооо, класс)) теперь можно в фигме, как в браузере, смотреть историю закрытых вкладок) очень удобно) 👍
ага!
Леша, настолько шикарный ролик, что улыбка не исчезала все 55:32 минуты. Автолейаут - любовь на веки)) Спасибо, что научил. Квантайзер - реально крутая вещь, часто в работе им пользуюсь.
Фил Хуг 🤗
еее Фил Хуг)
видосик-просто пушка)просто, понятно, позитивно!
найкращий)
ееее)
Как же круто, что мы смотрим твои ролики! ☺❤🔥🔥🔥🔥🔥
вот именно))
Жизнь не будет прежней.
За этот час и чаёк успела выпить, и суп приготовить, покушав его 😄
Конец ролика это отдельное искусство и удовольствие зрителя )
Клёво, когда смотрят до конца 🎉
С каким же огромным удовольствием я смотрела❤ Спасибо за такой офигенный урок)) Не адаптивы, а волшебство какое-то) Черный пояс теперь мой😎
круто))
как всегда всё по делу, лаконично и красочно. Инфы много, подача на высоте.
Зашёл, чтобы найти ответ на вопрос и нашёл... не каждый день такое на ютубе встретишь, так ещё и вагон инфы с собой прихватил. Ну класс!!!
круто) с сентября начну курс по фигме обновлять
Спасибо за урок❤ и спасибо фигме за аутолэйауты! теперь умею делать адаптивы за 15 секунд
пожалуйста!
Спасибо богу дизайна за его пророка Алексея !
Это буквально мои самые полезные 55 минут за год
А ведь я даже в бомбоубежище побывала в этом году , есть с чем сравнить)
Рад, что ролик полезен)
Посмотрела ещё раз, и не устану писать что это офигенно ценный урок!❤💪 Спасибо ещё раз за такое подробное объяснение, и с таким большим количеством примеров))
супер) спаасибо за пересмотр!
Алексей, низкий поклон твоему доброму сердцу за бесплатный курс по фигме, да ещё и с обновлениями!
☀️🎉🥳
Огромное спасибо за ролики, сверху еще одно спасибо за страницу для насмотренности.
пожалуйста)
Как в матрице: "я знаю автолейаут" У меня чёрный пояс, а я всего лишь твой ролик посмотрела 😊
🤟 круто