Адаптив в Figma через AutoLayout: секреты, лайфхаки, компоненты и хорошее настроение!
HTML-код
- Опубликовано: 27 июл 2024
- #alexeybychkov #ityoutubersru #webdesign
Адаптив в Figma через AutoLayout: секреты, лайфхаки, компоненты и хорошее настроение!
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
Ссылка на файл из ролика: www.figma.com/file/CVOe4yRh7n...
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты -
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/ или pofig.me/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - как создать кнопку с AutoLayout
2:38 - e5e5e5 цвет фона
3:01 - настраиваем карточки с автолейаутом
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 37 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Как вам адаптивы через автолейаут?
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts/bd728ed3-30f7-46ed-a368-c4e17a5c21f5
Ссылка на файл из ролика: www.figma.com/file/CVOe4yRh7n6fMwmrQ7JzKQ/autolayout?node-id=0%3A1
ТикТок - www.tiktok.com/@alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - instagram.com/alexeybychkov
Телеграм - t.me/a1exeybychkov
Вконтакте - vk.com/alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - alexeybychkov.fun/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
Твои уроки на Ютубе по автолейауту (и не только) - лучшие! Ты потрясающий дизайнер и учитель.
Очень рад!
Алексей - маг в мире Фигмы! Бустанул всех на знания, скорость и хорошее настроение😜
спасибо за просмотр)
Обожаю уроки в стиле "Смотри и повторяй". Правда их смотришь с остановками в два раза дольше чем видео идет, но это лучшее обучение! Благодарю, Алексей! 👍🙏
рад, что нравится!
Алексей, я прошла два курса и только ВЫ смогли меня чему-то научить 😂😂 Боже, я так рада, что обрела возможность попасть на Ваш канал ! Респект и уважение !
Ееее спасибо за подписку!
Меня очень пугали все эти привязки и автолейауты, но благодаря вашим видео все стало понятнее, спасибо! 😄
Ну класс
Алексей, вы прелесть!😍 Классно объясняете, спасибо большущее!
❤️ спасибо!
На часах 10 вечера, самое время для практики!
Шлю положительные флюиды и миллионы слов благодарности за бесплатный урок, Алексей😁🔥
P. S.: заплатив за курс по веб-дизайну получила минимум инфы про autolayout, а здесь за бесплатно получила больше опыта и понимания.
круто) спасибо за просмотр!
Спасибо огромное за такие объяснения! Особенно про крепкие замки на дверях😜 Тренировки с Layout сохраняют не только время, но и нервы!
пожалуйста)
Это просто пушка ❤️ наконец это видео помогло до конца понять эту тему 😊 спасибо спасибо спасибо! Информация просто на вес золота! Никогда ещё не находила настолько полезные обучающие уроки , с тонной лайфхаков 🥰 Вы крут 😎
очень рад)
Это какая-то магия и волшебство. У меня буквально за просмотр пару раз челюсть отвалилась😄 с криком: "да лаааааадно!" Спасибо за знания и хорошее настроение. Фил хуг)))))
круто) очень рад, что нравится! Фил хуг!
@@alexeybychkov_ еще раз спасибо огромное, пробовала много раз, пока не дошло до автоматизма. очень понравилась возможность попробовать самой потыкать, понастраивать
Самый крутой курс по Фигме🤩 Спасибо за лайфхаки, AutoLayout и хорошее настроение 😉
еееее 🥳
Оказывается по понедельникам таки может быть хорошее настроение)) Все благодаря роликам Алексея! Закрепить знания по этим всем автолейаутам, компонентам и всему прочему никогда не будет лишним)) Спасибо тебе за крутой контент!!! Фил хуг!
круто) пожалуйста!
Все это знаю и умею, так как понимаю, что если у фигмы или чего-то ещё выходит обновление, надо сесть и разобраться от начала и до конца, как это все работает и что даёт. Но ваши уроки очень полезные, помогают закреплять и дают понять, что я все правильно делаю 👍🏽 пора уже давно начинать работать
спасибо за просмотр)
Годнота подъехала. Были некоторые пробелы с автолайаутами. Теперь их нету. Однозначно дякую
отличные новости)
Не знаю даже сколько мне бы понадобилось времени на настройку такой странички без Ал и без этого стрима!
Спасибо, Леша за знания и за файлики, которые дают возможность тренироваться)
пожалуйста!
В очередной раз убеждаюсь, что ваши видео - настоящее сокровище.
очень рад!
Как раз проходила курс, где преподаватель говорил загружать фотки пачками, а потом скрывать по одной в разных местах 🙈)) спасибо, Алексей, что показали способ в сто раз лучше!👍
представляю что там за курс..)
Единственный канал, чьи ролики я не смотрю на привычном 1,5х, иначе если шанс все прослушать)) Адаптивы - моя больная тема. Я с апреля в фигме работаю, но адаптивы, компоненты и автолейаут до сих пор туго идут, туплю мощно каждый раз. Спасибо за ролик. Как всегда, все четко, понятно и строго по делу! Еще не раз потом пересмотрю, наверное)
Спасибо за просмотр!
Это всегда была моя боль. Ух уж этот автолояут))) На платном обучении в другой школе я не получила такого подробного разбора, а вы делаете это абсолютно бесплатно. Почему я не нашла вас раньше( Спасибо огромное!
спасибо за подписку!
Спасибо! Очень полезный ролик, ничего подобного на просторах Ютуба найдено не было)
спасибо за просмотр)
Сказал что ни один элемент не передвигал, а сам через абсолютное позиционирование передвинул кнопку! Попался!))
Но огромное спасибо за видео!!! Адаптив - та самая тема, которую откладываешь всегда на потом и лень разбираться. Благодаря тебе понял, что это легко и ооооочень удобно! Пасибо
спасибо за просмотр)
я в конце плакала от счастья)) 100 видосов про авто лэйауты, но никто так просто не объяснял про "фил хук". вялiкi дзякуй!
рад, что понравилось! Фил Хуг!
Доброе утро понедельника😃 начинается с роликов Алексея😉 "- Я нажимаю те же кнопки, а у меня не получается" это прям про меня. Спасибище огромное за ролик
спасибо за просмотр)
Чудеса какие-то, такого полезного ролика я еще не видела на просторах интернета, столькими советами воспользовалась, спасибо)
пожалуйста!
Алексей, спасибо за секреты и лайфхаки по фигме 👍👍👍
пожалуйста!
Только вчера мучался с карточками услуг на сайте. Спасибо большое за услышанные зовы помощи!))
пожалуйста)
Алексей, вы настоящий чудо-гуру-учитель-сенсей!!!!! Хвала ютубу и рекомандациям, что когда-то мне выдали твои видео, подсела и поняла, что оказывается веб/ui/ux может быть понятным и интересным. Теперь хочу как ты😀 Делала все за тобой по этому видео, на 20й раз повторений и объяснений только начинаю понимать, что за зверь такой автолайаут. Затупила на этапе с фотками, когда их можно включать/выключать, в итоге разобралась. Кнопки написать/позвонить все же делала через варианты кнопки, через layer не выходило. А массовое переименование, казалось бы нажимай и все, но не тут-то было. 5 раз не получалось, пока не дошло, что надо писать точь-в-точь названия предыдущие, учитывая заглавные/прописные буквы. О, чудо, когда понимаешь! 46 минут видео, а часа на 2-3 работы для новичка😅😅 СПАСИБО ЗА КОНТЕНТ!
рад, что нравится! ♥️
Была в восторге от прошлого видеоурока AutoLayout. Казалось, что лучше уже не возможно рассказать.
Возможно. Спасибо за крутые уроки, за практику и настроение.
вот и замечательно!-
Это волшебно , вовремя я посмотрела, пойду адаптивить свой ИМ ))
Спасиибо, Лёша 😎
отличный план!
Спасибо за такой подробный урок! Из твоих видео всегда узнаёшь что-то новое! Никогда до этого не пользовалась этой фишкой с "оборванным" текстовым блоком с многоточием - не могла понять что это за штука. А это ж огонь! И "фокус" с плагином для компонентов тоже просто класс - такая экономия времени!
тоже так думаю)
класс! отдельное спасибо за файл для практики - вот это я понимаю, настоящий урок
🥳
Какой классный ролик 😍 Спасибо большое за такой подробный рассказ и наглядный пример)) так все быстро и легко) фил хуг🤗 P.S. Хорошо что я дизайнер 😁
и тебе спасибо за жменю комментов! 🥳
Кайф, лучший урок по автолейаутам который я смотрел!
Круто) 🎉
Поздравляю со 100к!🎉 Ты этого заслужил! Ролик как всегда топ, очень нравится формат с лайфхаками!
Спасибо 🎉
Спасибо! Наконец-то кто-то рассказал про упрощение выравнивания элементов, еще и бесплатно:) очень круто! отдельное спасибо за практику!
Ну класс
Без этого видео не обойтись. Всё пересматриваю и пересматриваю) Может дело и в памяти моей 😆 Видео огонь)
спасибо за перепросмотр
Огромное СПАСИБОЧКИ! Как всегда просто, доступно, без воды и главное весело 😃
пожалуйста))
Очень давно хотел посмотреть, как только услышал рекомендацию от further, вот наконец дошли руки. Оказалось очень интересно смотреть, какой веселый и приятный автор, сам формат обучения именно такой, какой я бы хотел. Постоянное повторение очень помогает в запоминании. Спасибо за ролик, автор крутой!!
Спасибо за подписку! И Игорю за рекомендацию 🎉
Супер!! Долго ждал этого разбора по адаптивам через AutoLayout) Спасибо Алексей!) Побежал делать домашку)) Фил Хуг!!))
Фил Хуг)
Просто потрясающий урок! Столько узнала всяких фишуль, спасибо вам огромное!
супер!
Спасибо за ролик🌺 Как всегда настолько всё просто объясняешь, что и школьнику будет всё понятно...👍👍👍Люблю я этот Фил! Хуг!🤣🤣🤣
Фил Хуг))
Спасибо за ролик и ссылку на файл! Теперь буду пробовать и закреплять пройденный материал😊с твоим позитивом и супер подробным объяснением можно такие крутые карточки теперь делать 💫
Спасибо за просмотр)
46+ минут классно проведенного времени, благодарю Алексей....
и тебе спасибо, что заглядываешь!
Блин, я столько деньжищ на курсы потратила, а в итоге на ваших видео учусь! Ну ё-маё! Что ж вы мне раньше не попались-то? Спасибо за знания, позитив и вдохновение!
вот и мне интересно)
Более заряженного (и позитивом, и полезной инфой на каждый килобайт видео) блогера в мире веб-дизайна не встречал😎 от души спасибо👍🏻
спасибо, приятно))
шикарно поданная информашка, просто огроменная польза! побежал нажимать кнопки)) вдохновляет! Огромное спасибо за крутой контент!
супер, пожалуйста!
Алексей, ты наверно единственный, кто делится такой крутой и нужной инфой! Спасибо ! 💪🏼
😊
Какое чудесное утро понедельника с новым полезным роликом от Алексея! 🥰 Спасибо за такое подробное объяснение))
пожалуйста))
Супер 👏, ждем 100к
Да! 😀🥳
Ура! Пора нажать кнопки, спасибо за крутые объяснение по автолейауту. Адаптив за пару минут круто!😍
тоже так думаю)
даже просмотрев второй раз замечаешь новые детали)) это как фильм, первый раз не все нюансы можешь заметить и даже 10 раз пересмотрев найдешь что-то новое для себя) это очень круто, спасибо, Леша! и я уже в ожидании понедельника, и нового полезного контента!
приходи на стрим сегодня, понедельник же
Очень классный урок! Спасибо большое за файл для практики все повторила, не вставая удивляться как же это удобно, уметь работать с компонентами и автолеайутами!
спасибо за просмотр!
Годнота, спасибо как раз спрашивал у вас вопрос похожего толка, а тут видео целое, лайк!
пожалуйста)
Очень понравилось смотреть за процессом создания адаптивов и самих карточек. Просто, понятно и очень полезно! Спасибо!
супер
Большое спасибо, все очень доступно, нечего лишнего) перемотка отдыхает)))
пожалуйста)
Алексей, вы - лучший, желаю процветания каналу, вашему творчеству и бизнесу, у всех один пафос и вода, у вас - все по делу!
❤️ спасибо
Супер, очень полезно. Отдельное спасибо за файлик с контентом, прямо напрашивается повторить урок)
пожалуйста!
Крайне полезно) очень помогаете разобраться. Спасибо 👍
ну класс)
Спасибо большое за подробный разбор🥰 Лайфхак с изображениями в начале - огонь! Не догадалась бы!
пожалуйста)
Шикарная подача, круто и понятно объясняете! Респект! Некоторых авторов хочется ставить на ускорение скорости видео, вас только на замедление, чтоб успеть осознать)) Сколько полезной инфы за короткое время. Благодарю!😍
рад, что нравится подача
Просто громадное спасибо за подробные объяснения на этом примере. Огонь!!
пожалуйста)
Супер полезный контент! Спасибо, Алексей! Завтра будет практикаааа)
Отличный план!
Спасибо за такой подробный урок!) Делала все по примеру, получилось 👍
🥳
Спасибо огромное за урок!
я кайфанула. и домашку сделала. и сообразила зачем варианты нужны. миру нужны такие люди, как Алексей
Круто) 🎉
спасибо большое за разъяснение. я новичок, и до усрачки боялась автолейаута. Повторив пошагово, порядок в голове начал выстраиваться. я больше не боюсь )
отличные новости)
Спасибо за крутые лайфхаки, теперь не нужно отпрашиваться у жизни, чтобы сделать адаптивы 💪💪
пожалуйста!
Ваш канал это находка) спасибо огромное, действительно столько нервов и времени сэкономлено :D
🤟🥳🤟
Какой же ты крутой :) Посмотрел целиком, теперь надо всё по новой смотреть и повторять!
спасибо!
компоненты и автолейауты это просто огонь! это ж какая экономия времени! Спасибо, что помогаешь наладить с ними дружбу 😊Пошла нажимать кнопки
супер, пожалуйста)
Алексей, вы замечательный человек! Большое спасибо за то, что делитесь таким важным - своими знаниями🤩
спасибо!
обожаю твою подачу материала 🔥четко, позитивно и без "воды" ) столько полезной информации бесплатно вряд ли где-то можно найти) огромное тебе за это спасибо🥰
очень рад!
видео огонь!!! было бы круто в будущем увидеть ролик со всеми шорткатами которые необходимо знать ❤😊
🥳
Круто, когда видео про адаптивы через автолейауты, а внутри еще много полезностей для себя забираешь про плагины, компоненты, новые фичи и т.д
тоже так думаю)
Ооооо отличное видео👍 Очень пригодилось, огромное спасибо! Сколько же ты мне времени сэкономил🤯👍👍
пожалуйста!
Спасибо, Алексей, один из самых полезных роликов за последнее время. Да что уж там, все ваши ролики полезны, благодарю) Учусь благодаря вам))))🤗🤗
спасибо за просмотр
Алексей, спасибо огромное! Раньше не особо понимал в каких случаях использовать автолейауты и нафига они вообще нужны. Теперь вижу как, что и для чего!
Ееее круто)
Спасибо большое, что делишься своими знаниями!
🥳
Это лучшее видео про настройку автолейаута! Всё просто и понятно! Большое спасибо!❤
Огонь) пожалуйста!
Отличное видео! Буду практиковать) Спасиииибо за твои золотые ручки!
супер
Большое спасибо! Очень полезное видео!! Никто наверное не рассказывает так подробно о таких вещах как вы, да еще и на реальных примерах, так чтобы действительно понять как это все работает!
большое пожалуйста)
завтра побегу повторять!!! Алексей, Вы стоооолько даете информациии, как вам не стыдно))) после ваших роликов не возможно смотреть других фрилансеров. Подсела на ваш канал да еще зарегилась в ютубе, что бы отзывы писать )))))))
спаксибо за комменты) рад, что нравится!
Отличное видео.Спасибо что делитесь опытом.
Пожалуйста!
Спасибо за видео! Когда за тобой повторяю -все получается. Если сама иногда какую то задачку пытаюсь решить -то иногда -ступор. Буду еще вникать. Видео -огонь!
супер
ура! менторство практически! очень удобно, наглядно, понятно. правда быстро, пришлось пять раз пересмотреть, но это и объяснимо, время-деньги! благодарю!
спасибо за просмотр)
Алексей, большое спасибо за такой полезный ролик!👍
Передам Андрею, что его искали
простым языком и на позитиве) Большой респект таким людям)
рад, что нравится! 🥳
Хоба, трехочковый ролик! Спасибо Алексей 🤝🔥
спасибо за просмотр)
Алексей, спасибо, с практикой очень хорошо запоминается. Буду повторять за вами. Я рада таким роликам
пожалуйста)
Давно мучаюсь с автолейаутами, спасибо за ролик. Интересно и Настроение поднял. Ты крут🤟. Хорошо что мы дизайнеры😁😉
очень рад)
Как всегда шикарно!!! Спасибо!!!
Пожалуйста)
Алексей!! Вы просто пушка)) Все посмотрела, все повторила. Все домашние задания выполнила)) Спасибо вам большое за такой подробный урок!!! Счастья добра и много заказов вам))
еееее очень рад!
Спасибо за твой труд🙏
пожалуйста!
Спасибо за контент Алексей! Как раз сейчас на курсе задание по адаптивам!
Пожалуйста!
Отличный информативный ролик!) Спасибо, Алексей!)
супер
Спасибо, после этого урока все стало намного понятнее, а то контейнеры и текст вылезали куда не нужно🙌😎
рад, что полезно
Мне кажется, после этого видео я познала смысл жизни
Спасибо!!!!! Пойду теперь экспериментировать)
)) отличные новости!
Хорошо! Очень хорошо! Все пересматриваю и пересматриваю!
ну класс)
Я познала дзен и вошла в нирвану, найдя ваш канал! Объяснение на уровне "бог", юмор добавляет красок и шарма, я в восторге! Пойду звонить в донат 😁
спасибо за подписку))