Автолейауты, компоненты и варианты в фигме 2023-2024| Как работать в фигме быстро

  Переглядів 47,580

Катя Макеева про веб-дизайн | Академия Practicult

Катя Макеева про веб-дизайн | Академия Practicult

Рік тому

Автолейауты в фигме сложная тема, но посвяти этой теме 27 минут и ты всё поймешь. Задаешься вопросом как научиться правильно строить компоненты? Плёвое дело, всего 27 минут
Как разобраться в автолейаутах и сократить время разработки в несколько раз? Для чего нужны варианты и как их создать? Можно ли делать дизайн без компонентов? Разбираемся в этом видео.
Найди меня здесь
Портфолио behance.com/makeevafl

КОМЕНТАРІ: 192
@tauerwaz9352
@tauerwaz9352 Рік тому
Лучший обзор, до вашего обзора для меня автолаяут был адом, я просто лучше бы сделал амиллион групп , исправила бы отступы сама по 10 тыся раз чем бралаьс за автоляут) но после вашего обзора я поняла в чем прелесть спасибо большое! Легко понятно!
@marytv2579
@marytv2579 Рік тому
подписываюсь под словами)), Катя, спасибо Вам! Отлично объясняете, доходчиво! Удачи Вам
@user-kn2se2xg9o
@user-kn2se2xg9o 4 місяці тому
Полностью согласна)))))
@user-ic9gr1wj5k
@user-ic9gr1wj5k Рік тому
Спасибо большое! Это самое подробное, нормальное и четкое видеообъяснение, которое я искала! Благодаря Вам у меня не осталось вопросов!❤️❤️❤️❤️
@kuznetsov_pv
@kuznetsov_pv 27 днів тому
Если не смотреть видео, а только слушать, то появляется ощущение, будто говорит Ксения Собчак ахах))) А урок оч полезный и понятный, спасибо))
@user-rt1dt8qz4l
@user-rt1dt8qz4l 9 місяців тому
Катя, огромная благодарность! Мне не хватает слов, что бы объяснить насколько я рада найти твой видос! самое лучшее объяснение, до этого посмотрела несколько других видео и ничего не поняла, не могла даже понять зачем вообще нужен этот сложный инструмент, а благодаря тебе все стало ясно! Спасибо!!!!
@yanavolkova2027
@yanavolkova2027 Рік тому
С Comic Sans действительно очень креативно вышло :D
@angelamilavskaya4402
@angelamilavskaya4402 2 місяці тому
Много видео посмотрела на эти "страшные" темы и это первое в котором я все поняла, все три темы, спасибо за простые пояснения без лишних выпендрежных слов.
@justkerry31
@justkerry31 Рік тому
Офигенное видео, спасибо! 🔥
@marysabell4573
@marysabell4573 Рік тому
Первое видео по Фигме, которое я поняла 😄 Спасибо огромное
@user-lg1wp1pk2z
@user-lg1wp1pk2z Рік тому
Самый понятный разбор autolayout!
@julia_zlykh
@julia_zlykh 11 місяців тому
Это самое охереннное видео по автолейаутам и компонентам!!!! Катя, ты супер🥹❤️
@vvtory6915
@vvtory6915 Рік тому
Спасибо большое за такой полезный урок!!Все ясно и понятно без какой-то воды и сложности Рада, что попала на ваше видео
@user-on5dr2xb7u
@user-on5dr2xb7u Рік тому
Я вам поклоняюсь. Спасибо большое за это видео, кажется, вы спасли несколько часов моей жизни от вечных расстановок объектов вручную)
@azuna96
@azuna96 5 місяців тому
Супер четко и понятно! По полкам, без воды, на примере наглядно. Супер! Очень нравится! Спасибо!
@ivanvodonaev3957
@ivanvodonaev3957 Рік тому
Катя спасибо большое, наконец то дошло, что по сути это та же группа, и не надо делать группу перед автолэйаутом... Столько гуру пересмотрел и не доходило, а ты самую суть объяснила, без ненужной воды... Лишь-бы теперь все на практике получилось...) Процветания твоему каналу!
@user-xx2rr5xn2t
@user-xx2rr5xn2t 6 місяців тому
Всё просто и понятно, я рада что нашла тебя, огромное спасибо!
@chloeautumn9320
@chloeautumn9320 4 місяці тому
Огромное человеческое спасибо, очень доступно🙏🏻
@dashayu2973
@dashayu2973 Рік тому
Я наконец-то разобралась во всем этом, спасибо!!! Очень крутой урок 🥰
@user-pd9ln6bo7m
@user-pd9ln6bo7m 11 місяців тому
Спасибо! Максимально понятно и исчерпывающе. 😍
@chriscogan6131
@chriscogan6131 Рік тому
Это гениально! Все очень понятно и полезно
@Korolevich_Elisey
@Korolevich_Elisey Рік тому
Спасибище!!! очень во время я Вас нашел!! ❤
@flagrantiart
@flagrantiart Рік тому
Спасибо за видео! Динамично, информативно, без воды. Помогло,наконец, разобраться в auto-layout.
@tanyabratsy654
@tanyabratsy654 11 місяців тому
Очень доступно и понятно! Спасибо Вам!
@user-up8xs7ji8q
@user-up8xs7ji8q Рік тому
Все подробно!!! Спасибо тебе большое за это видео!!
@natakarachevtseva9800
@natakarachevtseva9800 Рік тому
Огромное спасибо Вам, Катя. Очень понятно и ярко
@gwenstacy5841
@gwenstacy5841 Рік тому
Ооо богиии, ты идеально объясняешь 💐💐💐
@valeriaptiich3898
@valeriaptiich3898 Рік тому
Спасибо за краткообзор! круто и просто :) Но было бы еще полезно рассказать о том, как ломать компонент / как изменить например иконку в дочернем компоненте, или закругления, или отстуцп другой, ибо родитель не дает этого сделать Это была моя вечная головная боль!)
@katerynakozlenko
@katerynakozlenko 2 місяці тому
Боже, спасибо вам большое!!! Как же все понятно!
@user-yr4yu8fr9c
@user-yr4yu8fr9c Рік тому
Спасибо огроменное! Вы первая кто понятно объяснил🥰🥰🥰
@sapperus
@sapperus 6 місяців тому
Спасибо, классно объяснили на практике и без воды, ещё и бонус в виде component set ❤
@minisomimi7486
@minisomimi7486 Рік тому
Спасибо большое вам)) все хорошо чётко объяснили, лучший обзор
@ekaterinagarmash5163
@ekaterinagarmash5163 9 місяців тому
Очень благодарна вам этот обзор!!))) вы изменили мою жизнь к лучшему))
@AnnaAbramova-ro4mb
@AnnaAbramova-ro4mb Рік тому
Катя, это самое классное обьяснение про автолейауты которое я видела, я их ненавидела, а теперь люблю :). Спасибо огромное!
@yuri.moiseyev
@yuri.moiseyev 3 дні тому
Кжастное объяснение, Катя не владеет русским языком
@serpenty3942
@serpenty3942 10 місяців тому
Блиииииин а все было просто оказывается... благодарю вас, Екатерина!
@user-gd2hv8dd7f
@user-gd2hv8dd7f Рік тому
Спасибо, мне очень понравилось как ты объяснила 🤌
@cozywrld996
@cozywrld996 2 місяці тому
спасибо, отличное видео!
@shtormmen7171
@shtormmen7171 8 місяців тому
Вы единственная со всего ютуба кто понятно обьяснил спасибо огромное
@Son_Of_Gamaz
@Son_Of_Gamaz 6 місяців тому
Спасибо. Всё чётко, ясно, и без воды. А то смотрю часовые ролики на те же темы, но ничего не понятно. Подписка.
@asmr7051
@asmr7051 Рік тому
Спасибо! Отличный урок!
@olgakhabarina3655
@olgakhabarina3655 6 місяців тому
Спасибо!
@dekiri8058
@dekiri8058 7 місяців тому
Спасибо за отличный урок. Пришлось столкнуться с проблемой компонентов когда нашла работу в этой сфере и до вашего видео всячески старалась обходить компоненты так как считала их очень сложными
@User_nix5242wqr
@User_nix5242wqr Рік тому
Очень Очень нравится ваша подача информации 👍👍👍💐 Я новичок и мне всё это важно и интересно! Лайк и подписка однозначно 🔥
@katerynakozlenko
@katerynakozlenko 2 місяці тому
Не помню когда проводила пол часа времени настолько полезно!!!!)))
@user-nh7kt5yy2r
@user-nh7kt5yy2r 11 місяців тому
Катя, спасибо большое, легко, быстро и понятно
@Yurii_Abrokov
@Yurii_Abrokov 7 місяців тому
Yes. Как круто, что я тебя нашел.💝💝💝 Love
@natashashesterkina8913
@natashashesterkina8913 Рік тому
это лучшее видео в ютубе
@misspo2013
@misspo2013 Місяць тому
очень классное полезное видео) спасибо, Катя!
@WebWhiteJoomla
@WebWhiteJoomla 7 місяців тому
Вау, спасибо большое! Очень полезный ролик
@akulik000
@akulik000 10 місяців тому
о боже спасибо! наконец-то я поняла что это такое и как оно работает
@Margo_Margooo
@Margo_Margooo 11 місяців тому
Класс! Лучшее видео на эту тему! Спасибо! Понять эти принципы и легко можно верстать на Webflow) ну почти)))
@diman_daron
@diman_daron 3 місяці тому
Лучше, чем у кого-либо, хотя в начале видео я почему-то скептически был настроен. Супер понятно все, доступно и интересно изложено
@Kat_Video
@Kat_Video Рік тому
Очень интересно! Спасибо!
@user-hh9rw2dw7r
@user-hh9rw2dw7r Рік тому
Катя, спасибо Вам огромное. Я далеко не один десяток видое пересмотрела, но ВЫ САМАЯ КРУТАЯ!!!
@makeevafl
@makeevafl Рік тому
Всегда пожалуйста 🧡
@user-gv6or9ci5r
@user-gv6or9ci5r 4 місяці тому
Супер объяснения, спасибо вам 🤗 Вот правда девочки умеют рассказывать🤗
@mr_r_beats
@mr_r_beats Рік тому
Спасибо кратко и ясно
@Kirr_kringe
@Kirr_kringe 26 днів тому
вы богиня объяснений! спасибо за помощь
@user-qc7ny4xs4g
@user-qc7ny4xs4g 8 місяців тому
Спасибо, очень доступно
@user-wb2ke9xn4k
@user-wb2ke9xn4k 4 місяці тому
Правда крутой обзор,ты классная)
@user-dt4gr4eo3s
@user-dt4gr4eo3s 5 місяців тому
Спасибо за ваше видео, вы меня вдохновляете. Рассказывайте весело и непринужденно, поэтому не создается чувства, что это будет очень сложно проделать. Вас очень приятно смотреть!
@makeevafl
@makeevafl 5 місяців тому
Вам спасибо за такой чудесный комментарий! 💖
@nectaralin
@nectaralin Рік тому
Вы такая класснаааая
@electrocat9493
@electrocat9493 9 місяців тому
Один авто лэйаут вкладываем в другой. Я так долго искал ответ и нашел у Вас. Спасибо ))
@olegrepin9944
@olegrepin9944 5 місяців тому
Балин! Кайф. Все вроде бы капитанкое, все знаю. Но на последних минутах Катя, спасибо тебе, ты рассказала про абсолютное позиционирование в автолейаутах! Это просто огнище! Слежу за релизами фигмы, но эту фичу как-то пропустил. Раньше по старинке загонял все в обычный фрейм внутри автолэйаута и указывал ему ширину 0,001 (известный баг/фича в фигме с помощью которого можно было решать кейсы абсолютного позиционирования элементов). Теперь все намного проще!
@AidosIzgali
@AidosIzgali 4 місяці тому
Спасибо большое! Прохожу курс UX/Uİ дизайна, но ваше объяснение лучше❤
@makeevafl
@makeevafl 4 місяці тому
А у кого проходите если не секрет?
@user-io2tw8zl2u
@user-io2tw8zl2u 4 місяці тому
какой крутой урок! 😍хотелось бы еще понять как правильно настроить автолэйаут чтобы он адаптировался под разные экраны
@ironmaiden7691
@ironmaiden7691 8 місяців тому
дякую величезне ! Дуже доступно розповіли
@tatianabambulevich3643
@tatianabambulevich3643 3 місяці тому
Спасибо тебе милая девушка!!!!!!!!!!!!!! Сколько я намучалась с этими компонентами, автолейаутами, сколько видео пересмотрела, но результат был таким - ещё больше запутывалась и правила всё вручную... А теперь, после просмотра вашего видео у меня наконец пазл сложился и больше никакого страха, твори себе и твори! Спасибо, Катя, нечеловеческое)))))))))))))))))) Все предыдущие видео были либо неоправданно затянутыми, либо занудными, либо заносчивыми, с барского плеча( зачем вообще тогда снимать?)
@trafikuyu
@trafikuyu Рік тому
Ты забавная, не нудно говоришь, не засыпаю от тебя, улыбаюсь иногда))
@makeevafl
@makeevafl Рік тому
Жаль что всего лишь иногда. Тогда стоит посмотреть видео про таро для дизайнеров 😂
@Alekseev_Oleg
@Alekseev_Oleg 8 місяців тому
Блин, классно я как раз задаюсь вопросом auto layout и приходит твоё видео(а я искал и ничего полезного не нашёл)! Совпадение? Не думаю!🎉 😅Огонь! 💥
@user-pk9ku1xq1x
@user-pk9ku1xq1x 4 місяці тому
Я не делаю сайты) я график, но осваиваю фигму для работы с веб баннерами и, вообще, клевая программа! Классные гифки рисую и легче и быстрее чем в фотошопе и эффекте и многие вещи в этой проге напоминают мне индизайн) вы крутейше рассказываете) прям, для тупиков
@WareXProvider
@WareXProvider Рік тому
Да, принципы Windows Forms и прочих древних интерфейсов до сих пор хорошо работают :)
@sairukai180389
@sairukai180389 3 місяці тому
Катя, как препод говорю, ты действительно УМЕЕШЬ доносить информацию, и преподавать, да ещё и в такой лёгкой форме и с юмором, супер! Спасибо тебе большое, теперь я, наконец, понял все. Даже после курсов не все уловил, а тут бам❤
@makeevafl
@makeevafl 3 місяці тому
Всегда пожалуйста 💞💅
@hanna_mir1129
@hanna_mir1129 Рік тому
Катяяяя лучшая!!!!
@daynight3168
@daynight3168 11 місяців тому
Спасибо, Катя
@janepi1275
@janepi1275 Рік тому
comic sans 😂😂😂😂 очень хорошо объясняете, спасибо вам❤
@newme.8944
@newme.8944 9 місяців тому
По центру, лева, справа ...стрелочки 1. Вертикально 2. Горизинтально
@user-dl7yh5us1t
@user-dl7yh5us1t Рік тому
Катя, спасибо за видео! А выложишь файлик потыкать? :)
@designerlisavtsovv
@designerlisavtsovv 6 місяців тому
Глаза красивые))
@metamorphose9393
@metamorphose9393 Рік тому
Получился макет, спасибо
@OdessaGuyOfficial
@OdessaGuyOfficial 2 місяці тому
прикольно
@ansloypok1153
@ansloypok1153 Рік тому
лучшая
@annayana1786
@annayana1786 9 днів тому
thank you so so muchh
@user-uh4ws7eo2y
@user-uh4ws7eo2y Рік тому
А где ссылка на фигму, которую в конце видео обещали?) хотелось бы потыкать все это в фигме
@user-ji8mn9ji8n
@user-ji8mn9ji8n Рік тому
А подскажите пожалуйста, как сделать так, чтобы если описание товара в одной карточке 1 строка, а в другой три строки - то в итоге чтобы все не прыгало и карточка оставалась одного размера? Или название где-то короткое, а где-то на 2 строки. Заранее спасибо )😍
@lesya_14097
@lesya_14097 6 місяців тому
скажите пожалуйста, когда выравниваю все элементы, когда применила ал ко всем элементам, тоник к краю выравнивается, а у вас такого нет
@user-of8ti7lr3p
@user-of8ti7lr3p 9 місяців тому
Спасибо! А где можно посмотреть этот файл в Фигме? В описании не вижу(
@diluiz9147
@diluiz9147 Рік тому
Спасибо, очень круто! Лайк Подписка КОЛОКОЛ
@LAST_VACATION_WAS_THE_SAME
@LAST_VACATION_WAS_THE_SAME Рік тому
Видео очень крутое, но есть один вопрос: почему ты упорно игнорируешь «Й» в слове «автолейаут»? 😅
@dproduction7981
@dproduction7981 Рік тому
Некоторые люди говорят: ютуб шотс вместо шоРтс 🙃
@victoriaafonina5316
@victoriaafonina5316 Рік тому
@@dproduction7981 кому-то ближе британский вариант английского, а кому-то - американский. установленной нормы произношения этого слова в русском языке нет.
@andreykovshov166
@andreykovshov166 Рік тому
@@victoriaafonina5316 причем тут вариант произношения, когда по правилам произносится «отолэйат», ну или в упрощенном русском «автолэйаут»)
@andreykovshov166
@andreykovshov166 Рік тому
@@dproduction7981 и это правильно, r не произносится, либо произносится очень мягко, почти неслышно )
@victoriaafonina5316
@victoriaafonina5316 Рік тому
​@@andreykovshov166 Называемые вами "правила" существуют только для британского английского? Что такое "упрощенный русский"? Укажите, пожалуйста, литературу, которую вы использовали при раздаче советов о произношении. P.S. Ваш комментарий на мой ответ нарушает законы логики, ибо я высказалась совсем не про "auto layout".
@lesya_14097
@lesya_14097 6 місяців тому
можно подробнее что такое ю ай кит?
@kseniyapetrova6187
@kseniyapetrova6187 8 місяців тому
Здравствуйте, а что такое ю ай кид?
@anastasiya5388
@anastasiya5388 Рік тому
Шикарное видео, огромное спасибо! Есть вопрос: делаем интерфейсы для мобильной игры в Figma, частенько использую автолэйауты и варианты, однако разработчики зачастую ругаются - мол, не удобно, когда для того чтобы посмотреть позиционирование элемента нужно "спускаться" в другие уровни. Не знаю, что им ответить на это. Кто сталкивался с подобным?
@makeevafl
@makeevafl Рік тому
У каждого разраба свои загоны. У меня верстальщики наоборот просят только в них работать
@rainbowkridns411
@rainbowkridns411 Рік тому
Лайк за Comic Sans 😆
@romasadovnik3456
@romasadovnik3456 Рік тому
Ну комон! Space between крайне популярный параметр... В остальном - отлично разобран материал!
@makeevafl
@makeevafl Рік тому
Год назад не выкупила прикол со спейс битвин. Теперь без него вообще никуда
@m7280
@m7280 Рік тому
😍
@vegankotletka6468
@vegankotletka6468 Рік тому
2:00 - это буквально я, когда поняла лояуты
@Didelab
@Didelab 6 місяців тому
Спасибо девушка красивая)
@Midi25
@Midi25 Рік тому
6:15 "Модуль 5 значит у нас тут будет 15" поясните что за модуль, почему 5, почему кратно 15?
@newme.8944
@newme.8944 9 місяців тому
Есть отрицательное значение, допустим, - 30, то тогда элементы будут друг на друге
@tom1tomskij
@tom1tomskij 4 місяці тому
спасибо за видео! Никак не могу найти ответ на свой вопрос, говорят, это в автолейауте где-то, может, вы подскажете? Как сделать текст большого объёма столбцами внутри одного контейнера?
@makeevafl
@makeevafl 4 місяці тому
Никак не сделать
@makeevafl
@makeevafl 4 місяці тому
Только два отдельных контейнера
@tom1tomskij
@tom1tomskij 4 місяці тому
спасибо.
@PINpiter
@PINpiter Рік тому
спасибо за видео, а ссылонька на фигму больше не в описании?
@makeevafl
@makeevafl Рік тому
Не сохранилась, но можно найти в фигме подобные файлы. Выбери community введи в поиск ui kit auto layout и готово. Явно получится найти что-то полезное :)
@ivanvodonaev3957
@ivanvodonaev3957 Рік тому
Катя еще раз спасибо. Скажи пожалуйста: а зачем ты в конце работы с автоэлаутом сделала для него обложку? Я просто поменял цвет, он непрозрачный и все норм. В чем приемущество, я не понял... Если не сильно затруднит, буду благодарен твоему ответу.
@makeevafl
@makeevafl Рік тому
Если подскажешь тайминг, то подскажу
@ivanvodonaev3957
@ivanvodonaev3957 Рік тому
@@makeevafl 10:02
@makeevafl
@makeevafl Рік тому
Посмотрела. Никакой разницы нет. Можно делать заливку и прям там настроить отступ. Можно делать сразу в фрейме, если так проще ориентироваться. Но в целом, ваш вариант тоже правильный)
@ivanvodonaev3957
@ivanvodonaev3957 Рік тому
@@makeevafl Большое спасибо)
@sapperus
@sapperus 6 місяців тому
13:37 когда клиент попросил "поиграться со шрифтами".
Как оформлять портфолио в 2024 году
1:39:46
The World's Fastest Cleaners
00:35
MrBeast
Переглядів 85 млн
And what’s your age? 🥰 @karina-kola
00:12
Andrey Grechka
Переглядів 6 млн
Завтра в школу с... | Шоу-квиз «Вопросики»
00:28
Телеканал СОЛНЦЕ
Переглядів 3,2 млн
Профессия UI/UX-дизайнер - путь в нищету?
29:57
Юзкейс | Use Case
Переглядів 61 тис.
UI-КИТ: ЗАЧЕМ И ЧТО ДОЛЖНО БЫТЬ ВНУТРИ?
7:18
Sofya Filippova
Переглядів 45 тис.
The World's Fastest Cleaners
00:35
MrBeast
Переглядів 85 млн