Тёмный

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

Катя Макеева про веб-дизайн | Академия Practicult
Просмотров 49 тыс.
50% 1

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

Опубликовано:

 

11 сен 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 192   
@nayutaikani
@nayutaikani 20 дней назад
наконец-то поняла все! никто другой не смог так понятно объяснить как вы. Бесконечная благодарность ❤
@tauerwaz9352
@tauerwaz9352 Год назад
Лучший обзор, до вашего обзора для меня автолаяут был адом, я просто лучше бы сделал амиллион групп , исправила бы отступы сама по 10 тыся раз чем бралаьс за автоляут) но после вашего обзора я поняла в чем прелесть спасибо большое! Легко понятно!
@marytv2579
@marytv2579 Год назад
подписываюсь под словами)), Катя, спасибо Вам! Отлично объясняете, доходчиво! Удачи Вам
@user-kn2se2xg9o
@user-kn2se2xg9o 5 месяцев назад
Полностью согласна)))))
@angelamilavskaya4402
@angelamilavskaya4402 3 месяца назад
Много видео посмотрела на эти "страшные" темы и это первое в котором я все поняла, все три темы, спасибо за простые пояснения без лишних выпендрежных слов.
@julia_zlykh
@julia_zlykh Год назад
Это самое охереннное видео по автолейаутам и компонентам!!!! Катя, ты супер🥹❤️
@user-ic9gr1wj5k
@user-ic9gr1wj5k Год назад
Спасибо большое! Это самое подробное, нормальное и четкое видеообъяснение, которое я искала! Благодаря Вам у меня не осталось вопросов!❤️❤️❤️❤️
@user-rt1dt8qz4l
@user-rt1dt8qz4l 10 месяцев назад
Катя, огромная благодарность! Мне не хватает слов, что бы объяснить насколько я рада найти твой видос! самое лучшее объяснение, до этого посмотрела несколько других видео и ничего не поняла, не могла даже понять зачем вообще нужен этот сложный инструмент, а благодаря тебе все стало ясно! Спасибо!!!!
@yanavolkova2027
@yanavolkova2027 Год назад
С Comic Sans действительно очень креативно вышло :D
@vvtory6915
@vvtory6915 Год назад
Спасибо большое за такой полезный урок!!Все ясно и понятно без какой-то воды и сложности Рада, что попала на ваше видео
@flagrantiart
@flagrantiart Год назад
Спасибо за видео! Динамично, информативно, без воды. Помогло,наконец, разобраться в auto-layout.
@user-lg1wp1pk2z
@user-lg1wp1pk2z Год назад
Самый понятный разбор autolayout!
@user-xx2rr5xn2t
@user-xx2rr5xn2t 7 месяцев назад
Всё просто и понятно, я рада что нашла тебя, огромное спасибо!
@ekaterinagarmash5163
@ekaterinagarmash5163 10 месяцев назад
Очень благодарна вам этот обзор!!))) вы изменили мою жизнь к лучшему))
@marysabell4573
@marysabell4573 Год назад
Первое видео по Фигме, которое я поняла 😄 Спасибо огромное
@azuna96
@azuna96 6 месяцев назад
Супер четко и понятно! По полкам, без воды, на примере наглядно. Супер! Очень нравится! Спасибо!
@natakarachevtseva9800
@natakarachevtseva9800 Год назад
Огромное спасибо Вам, Катя. Очень понятно и ярко
@chloeautumn9320
@chloeautumn9320 5 месяцев назад
Огромное человеческое спасибо, очень доступно🙏🏻
@user-on5dr2xb7u
@user-on5dr2xb7u Год назад
Я вам поклоняюсь. Спасибо большое за это видео, кажется, вы спасли несколько часов моей жизни от вечных расстановок объектов вручную)
@dashayu2973
@dashayu2973 Год назад
Я наконец-то разобралась во всем этом, спасибо!!! Очень крутой урок 🥰
@sapperus
@sapperus 7 месяцев назад
Спасибо, классно объяснили на практике и без воды, ещё и бонус в виде component set ❤
@ivanvodonaev3957
@ivanvodonaev3957 Год назад
Катя спасибо большое, наконец то дошло, что по сути это та же группа, и не надо делать группу перед автолэйаутом... Столько гуру пересмотрел и не доходило, а ты самую суть объяснила, без ненужной воды... Лишь-бы теперь все на практике получилось...) Процветания твоему каналу!
@user-yr4yu8fr9c
@user-yr4yu8fr9c Год назад
Спасибо огроменное! Вы первая кто понятно объяснил🥰🥰🥰
@serpenty3942
@serpenty3942 11 месяцев назад
Блиииииин а все было просто оказывается... благодарю вас, Екатерина!
@user-pd9ln6bo7m
@user-pd9ln6bo7m Год назад
Спасибо! Максимально понятно и исчерпывающе. 😍
@shtormmen7171
@shtormmen7171 9 месяцев назад
Вы единственная со всего ютуба кто понятно обьяснил спасибо огромное
@minisomimi7486
@minisomimi7486 Год назад
Спасибо большое вам)) все хорошо чётко объяснили, лучший обзор
@user-up8xs7ji8q
@user-up8xs7ji8q Год назад
Все подробно!!! Спасибо тебе большое за это видео!!
@user-nh7kt5yy2r
@user-nh7kt5yy2r Год назад
Катя, спасибо большое, легко, быстро и понятно
@misspo2013
@misspo2013 2 месяца назад
очень классное полезное видео) спасибо, Катя!
@katerynakozlenko
@katerynakozlenko 3 месяца назад
Боже, спасибо вам большое!!! Как же все понятно!
@dekiri8058
@dekiri8058 8 месяцев назад
Спасибо за отличный урок. Пришлось столкнуться с проблемой компонентов когда нашла работу в этой сфере и до вашего видео всячески старалась обходить компоненты так как считала их очень сложными
@valeriaptiich3898
@valeriaptiich3898 Год назад
Спасибо за краткообзор! круто и просто :) Но было бы еще полезно рассказать о том, как ломать компонент / как изменить например иконку в дочернем компоненте, или закругления, или отстуцп другой, ибо родитель не дает этого сделать Это была моя вечная головная боль!)
@gwenstacy5841
@gwenstacy5841 Год назад
Ооо богиии, ты идеально объясняешь 💐💐💐
@asmr7051
@asmr7051 Год назад
Спасибо! Отличный урок!
@tanyabratsy654
@tanyabratsy654 Год назад
Очень доступно и понятно! Спасибо Вам!
@Korolevich_Elisey
@Korolevich_Elisey Год назад
Спасибище!!! очень во время я Вас нашел!! ❤
@justkerry31
@justkerry31 Год назад
Офигенное видео, спасибо! 🔥
@cozywrld996
@cozywrld996 3 месяца назад
спасибо, отличное видео!
@WebWhiteJoomla
@WebWhiteJoomla 8 месяцев назад
Вау, спасибо большое! Очень полезный ролик
@user-gd2hv8dd7f
@user-gd2hv8dd7f Год назад
Спасибо, мне очень понравилось как ты объяснила 🤌
@chriscogan6131
@chriscogan6131 Год назад
Это гениально! Все очень понятно и полезно
@User_nix5242wqr
@User_nix5242wqr Год назад
Очень Очень нравится ваша подача информации 👍👍👍💐 Я новичок и мне всё это важно и интересно! Лайк и подписка однозначно 🔥
@Son_Of_Gamaz
@Son_Of_Gamaz 7 месяцев назад
Спасибо. Всё чётко, ясно, и без воды. А то смотрю часовые ролики на те же темы, но ничего не понятно. Подписка.
@Margo_Margooo
@Margo_Margooo Год назад
Класс! Лучшее видео на эту тему! Спасибо! Понять эти принципы и легко можно верстать на Webflow) ну почти)))
@user-hh9rw2dw7r
@user-hh9rw2dw7r Год назад
Катя, спасибо Вам огромное. Я далеко не один десяток видое пересмотрела, но ВЫ САМАЯ КРУТАЯ!!!
@makeevafl
@makeevafl Год назад
Всегда пожалуйста 🧡
@Yurii_Abrokov
@Yurii_Abrokov 8 месяцев назад
Yes. Как круто, что я тебя нашел.💝💝💝 Love
@katerynakozlenko
@katerynakozlenko 3 месяца назад
Не помню когда проводила пол часа времени настолько полезно!!!!)))
@olgakhabarina3655
@olgakhabarina3655 7 месяцев назад
Спасибо!
@Kirr_kringe
@Kirr_kringe Месяц назад
вы богиня объяснений! спасибо за помощь
@Kat_Video
@Kat_Video Год назад
Очень интересно! Спасибо!
@user-gv6or9ci5r
@user-gv6or9ci5r 5 месяцев назад
Супер объяснения, спасибо вам 🤗 Вот правда девочки умеют рассказывать🤗
@babtistbarry2739
@babtistbarry2739 26 дней назад
Ну наконец-то я понял суть,спасибо тебе добрый человек!
@user-wb2ke9xn4k
@user-wb2ke9xn4k 5 месяцев назад
Правда крутой обзор,ты классная)
@diman_daron
@diman_daron 4 месяца назад
Лучше, чем у кого-либо, хотя в начале видео я почему-то скептически был настроен. Супер понятно все, доступно и интересно изложено
@olegrepin9944
@olegrepin9944 6 месяцев назад
Балин! Кайф. Все вроде бы капитанкое, все знаю. Но на последних минутах Катя, спасибо тебе, ты рассказала про абсолютное позиционирование в автолейаутах! Это просто огнище! Слежу за релизами фигмы, но эту фичу как-то пропустил. Раньше по старинке загонял все в обычный фрейм внутри автолэйаута и указывал ему ширину 0,001 (известный баг/фича в фигме с помощью которого можно было решать кейсы абсолютного позиционирования элементов). Теперь все намного проще!
@user-dt4gr4eo3s
@user-dt4gr4eo3s 5 месяцев назад
Спасибо за ваше видео, вы меня вдохновляете. Рассказывайте весело и непринужденно, поэтому не создается чувства, что это будет очень сложно проделать. Вас очень приятно смотреть!
@makeevafl
@makeevafl 5 месяцев назад
Вам спасибо за такой чудесный комментарий! 💖
@natashashesterkina8913
@natashashesterkina8913 Год назад
это лучшее видео в ютубе
@user-qc7ny4xs4g
@user-qc7ny4xs4g 9 месяцев назад
Спасибо, очень доступно
@daynight3168
@daynight3168 Год назад
Спасибо, Катя
@user-io2tw8zl2u
@user-io2tw8zl2u 5 месяцев назад
какой крутой урок! 😍хотелось бы еще понять как правильно настроить автолэйаут чтобы он адаптировался под разные экраны
@nectaralin
@nectaralin Год назад
Вы такая класснаааая
@TanyaLevich
@TanyaLevich 4 месяца назад
Спасибо тебе милая девушка!!!!!!!!!!!!!! Сколько я намучалась с этими компонентами, автолейаутами, сколько видео пересмотрела, но результат был таким - ещё больше запутывалась и правила всё вручную... А теперь, после просмотра вашего видео у меня наконец пазл сложился и больше никакого страха, твори себе и твори! Спасибо, Катя, нечеловеческое)))))))))))))))))) Все предыдущие видео были либо неоправданно затянутыми, либо занудными, либо заносчивыми, с барского плеча( зачем вообще тогда снимать?)
@Alekseev_Oleg
@Alekseev_Oleg 9 месяцев назад
Блин, классно я как раз задаюсь вопросом auto layout и приходит твоё видео(а я искал и ничего полезного не нашёл)! Совпадение? Не думаю!🎉 😅Огонь! 💥
@AidosIzgali
@AidosIzgali 5 месяцев назад
Спасибо большое! Прохожу курс UX/Uİ дизайна, но ваше объяснение лучше❤
@makeevafl
@makeevafl 5 месяцев назад
А у кого проходите если не секрет?
@xsdarknes
@xsdarknes Год назад
Спасибо кратко и ясно
@electrocat9493
@electrocat9493 10 месяцев назад
Один авто лэйаут вкладываем в другой. Я так долго искал ответ и нашел у Вас. Спасибо ))
@hanna_mir1129
@hanna_mir1129 Год назад
Катяяяя лучшая!!!!
@akulik000
@akulik000 11 месяцев назад
о боже спасибо! наконец-то я поняла что это такое и как оно работает
@user-pk9ku1xq1x
@user-pk9ku1xq1x 5 месяцев назад
Я не делаю сайты) я график, но осваиваю фигму для работы с веб баннерами и, вообще, клевая программа! Классные гифки рисую и легче и быстрее чем в фотошопе и эффекте и многие вещи в этой проге напоминают мне индизайн) вы крутейше рассказываете) прям, для тупиков
@ironmaiden7691
@ironmaiden7691 9 месяцев назад
дякую величезне ! Дуже доступно розповіли
@user-dl7yh5us1t
@user-dl7yh5us1t Год назад
Катя, спасибо за видео! А выложишь файлик потыкать? :)
@annayana1786
@annayana1786 Месяц назад
thank you so so muchh
@trafikuyu
@trafikuyu Год назад
Ты забавная, не нудно говоришь, не засыпаю от тебя, улыбаюсь иногда))
@makeevafl
@makeevafl Год назад
Жаль что всего лишь иногда. Тогда стоит посмотреть видео про таро для дизайнеров 😂
@WareXProvider
@WareXProvider Год назад
Да, принципы Windows Forms и прочих древних интерфейсов до сих пор хорошо работают :)
@metamorphose9393
@metamorphose9393 Год назад
Получился макет, спасибо
@OdessaGuyOfficial
@OdessaGuyOfficial 3 месяца назад
прикольно
@janepi1275
@janepi1275 Год назад
comic sans 😂😂😂😂 очень хорошо объясняете, спасибо вам❤
@sairukai180389
@sairukai180389 4 месяца назад
Катя, как препод говорю, ты действительно УМЕЕШЬ доносить информацию, и преподавать, да ещё и в такой лёгкой форме и с юмором, супер! Спасибо тебе большое, теперь я, наконец, понял все. Даже после курсов не все уловил, а тут бам❤
@makeevafl
@makeevafl 4 месяца назад
Всегда пожалуйста 💞💅
@designerlisavtsovv
@designerlisavtsovv 7 месяцев назад
Глаза красивые))
@user-uh4ws7eo2y
@user-uh4ws7eo2y Год назад
А где ссылка на фигму, которую в конце видео обещали?) хотелось бы потыкать все это в фигме
@user-of8ti7lr3p
@user-of8ti7lr3p 10 месяцев назад
Спасибо! А где можно посмотреть этот файл в Фигме? В описании не вижу(
@sapperus
@sapperus 7 месяцев назад
13:37 когда клиент попросил "поиграться со шрифтами".
@lesya_14097
@lesya_14097 7 месяцев назад
скажите пожалуйста, когда выравниваю все элементы, когда применила ал ко всем элементам, тоник к краю выравнивается, а у вас такого нет
@user-ji8mn9ji8n
@user-ji8mn9ji8n Год назад
А подскажите пожалуйста, как сделать так, чтобы если описание товара в одной карточке 1 строка, а в другой три строки - то в итоге чтобы все не прыгало и карточка оставалась одного размера? Или название где-то короткое, а где-то на 2 строки. Заранее спасибо )😍
@ansloypok1153
@ansloypok1153 Год назад
лучшая
@diluiz9147
@diluiz9147 Год назад
Спасибо, очень круто! Лайк Подписка КОЛОКОЛ
@lesya_14097
@lesya_14097 7 месяцев назад
можно подробнее что такое ю ай кит?
@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".
@kseniyapetrova6187
@kseniyapetrova6187 9 месяцев назад
Здравствуйте, а что такое ю ай кид?
@vegankotletka6468
@vegankotletka6468 Год назад
2:00 - это буквально я, когда поняла лояуты
@Didelab
@Didelab 7 месяцев назад
Спасибо девушка красивая)
@romasadovnik3456
@romasadovnik3456 Год назад
Ну комон! Space between крайне популярный параметр... В остальном - отлично разобран материал!
@makeevafl
@makeevafl Год назад
Год назад не выкупила прикол со спейс битвин. Теперь без него вообще никуда
@anastasiya5388
@anastasiya5388 Год назад
Шикарное видео, огромное спасибо! Есть вопрос: делаем интерфейсы для мобильной игры в Figma, частенько использую автолэйауты и варианты, однако разработчики зачастую ругаются - мол, не удобно, когда для того чтобы посмотреть позиционирование элемента нужно "спускаться" в другие уровни. Не знаю, что им ответить на это. Кто сталкивался с подобным?
@makeevafl
@makeevafl Год назад
У каждого разраба свои загоны. У меня верстальщики наоборот просят только в них работать
@newme.8944
@newme.8944 10 месяцев назад
По центру, лева, справа ...стрелочки 1. Вертикально 2. Горизинтально
@m7280
@m7280 Год назад
😍
@JustDoiT-py7hp
@JustDoiT-py7hp Год назад
Кайф новичка выглядит как обзор Кати Макеевой!!)Спасибо!
@Midi25
@Midi25 Год назад
6:15 "Модуль 5 значит у нас тут будет 15" поясните что за модуль, почему 5, почему кратно 15?
@anastasiyausovik4156
@anastasiyausovik4156 Месяц назад
Добрый вечер) Не могу найти ссылки на файл, не могли бы поделиться если он еще остался?)
@ekaterinabrenner847
@ekaterinabrenner847 Год назад
Друзья, подскажите, пожалуйста, почему при создании layout (например, если я объединяю заголовок + текст, или заголовок + текст + кнопка) отключаются опции выравнивания, которые наверху?? Тыкаю-тыкаю, они иногда активны, но чаще горят серым! Что мне нужно сделать иначе?
@makeevafl
@makeevafl Год назад
Такой способ выравнивания будет не доступен при автолейауте. Надо смотреть чуть ниже, там будет привязка (ищи большой квадрат)
@tom1tomskij
@tom1tomskij 5 месяцев назад
спасибо за видео! Никак не могу найти ответ на свой вопрос, говорят, это в автолейауте где-то, может, вы подскажете? Как сделать текст большого объёма столбцами внутри одного контейнера?
@makeevafl
@makeevafl 5 месяцев назад
Никак не сделать
@makeevafl
@makeevafl 5 месяцев назад
Только два отдельных контейнера
@tom1tomskij
@tom1tomskij 5 месяцев назад
спасибо.
@ivanvodonaev3957
@ivanvodonaev3957 Год назад
Катя еще раз спасибо. Скажи пожалуйста: а зачем ты в конце работы с автоэлаутом сделала для него обложку? Я просто поменял цвет, он непрозрачный и все норм. В чем приемущество, я не понял... Если не сильно затруднит, буду благодарен твоему ответу.
@makeevafl
@makeevafl Год назад
Если подскажешь тайминг, то подскажу
@ivanvodonaev3957
@ivanvodonaev3957 Год назад
@@makeevafl 10:02
@makeevafl
@makeevafl Год назад
Посмотрела. Никакой разницы нет. Можно делать заливку и прям там настроить отступ. Можно делать сразу в фрейме, если так проще ориентироваться. Но в целом, ваш вариант тоже правильный)
@ivanvodonaev3957
@ivanvodonaev3957 Год назад
@@makeevafl Большое спасибо)
Далее
Мама ударила дочь #shorts #iribaby
00:17
Всё об Auto Layout в Figma
12:57
Просмотров 17 тыс.