Адаптив в Figma через AutoLayout: секреты, лайфхаки, компоненты и хорошее настроение!
HTML-код
- Опубликовано: 9 июл 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, а здесь за бесплатно получила больше опыта и понимания.
круто) спасибо за просмотр!
Кто бы меня отправил на этот канал года два назад :))) Как обычно - перфект!
и меня))
Годнота подъехала. Были некоторые пробелы с автолайаутами. Теперь их нету. Однозначно дякую
отличные новости)
Самый крутой курс по Фигме🤩 Спасибо за лайфхаки, AutoLayout и хорошее настроение 😉
еееее 🥳
Меня очень пугали все эти привязки и автолейауты, но благодаря вашим видео все стало понятнее, спасибо! 😄
Ну класс
Спасибо огромное за такие объяснения! Особенно про крепкие замки на дверях😜 Тренировки с Layout сохраняют не только время, но и нервы!
пожалуйста)
Это просто пушка ❤️ наконец это видео помогло до конца понять эту тему 😊 спасибо спасибо спасибо! Информация просто на вес золота! Никогда ещё не находила настолько полезные обучающие уроки , с тонной лайфхаков 🥰 Вы крут 😎
очень рад)
Кайф, лучший урок по автолейаутам который я смотрел!
Круто) 🎉
Алексей, спасибо, что вы есть!
это пожалуйста) 😍
В очередной раз убеждаюсь, что ваши видео - настоящее сокровище.
очень рад!
Супер!! Долго ждал этого разбора по адаптивам через AutoLayout) Спасибо Алексей!) Побежал делать домашку)) Фил Хуг!!))
Фил Хуг)
Единственный канал, чьи ролики я не смотрю на привычном 1,5х, иначе если шанс все прослушать)) Адаптивы - моя больная тема. Я с апреля в фигме работаю, но адаптивы, компоненты и автолейаут до сих пор туго идут, туплю мощно каждый раз. Спасибо за ролик. Как всегда, все четко, понятно и строго по делу! Еще не раз потом пересмотрю, наверное)
Спасибо за просмотр!
Спасибо, теперь знаю много больше о AutoLayoutе!
пожалуйста!
Не знаю даже сколько мне бы понадобилось времени на настройку такой странички без Ал и без этого стрима!
Спасибо, Леша за знания и за файлики, которые дают возможность тренироваться)
пожалуйста!
Какой же ты крутой :) Посмотрел целиком, теперь надо всё по новой смотреть и повторять!
спасибо!
Оказывается по понедельникам таки может быть хорошее настроение)) Все благодаря роликам Алексея! Закрепить знания по этим всем автолейаутам, компонентам и всему прочему никогда не будет лишним)) Спасибо тебе за крутой контент!!! Фил хуг!
круто) пожалуйста!
Алексей, спасибо за секреты и лайфхаки по фигме 👍👍👍
пожалуйста!
Годнота, спасибо как раз спрашивал у вас вопрос похожего толка, а тут видео целое, лайк!
пожалуйста)
Все это знаю и умею, так как понимаю, что если у фигмы или чего-то ещё выходит обновление, надо сесть и разобраться от начала и до конца, как это все работает и что даёт. Но ваши уроки очень полезные, помогают закреплять и дают понять, что я все правильно делаю 👍🏽 пора уже давно начинать работать
спасибо за просмотр)
Это волшебно , вовремя я посмотрела, пойду адаптивить свой ИМ ))
Спасиибо, Лёша 😎
отличный план!
Чудеса какие-то, такого полезного ролика я еще не видела на просторах интернета, столькими советами воспользовалась, спасибо)
пожалуйста!
Спасибо за такой подробный урок! Из твоих видео всегда узнаёшь что-то новое! Никогда до этого не пользовалась этой фишкой с "оборванным" текстовым блоком с многоточием - не могла понять что это за штука. А это ж огонь! И "фокус" с плагином для компонентов тоже просто класс - такая экономия времени!
тоже так думаю)
Поздравляю со 100к!🎉 Ты этого заслужил! Ролик как всегда топ, очень нравится формат с лайфхаками!
Спасибо 🎉
Это какая-то магия и волшебство. У меня буквально за просмотр пару раз челюсть отвалилась😄 с криком: "да лаааааадно!" Спасибо за знания и хорошее настроение. Фил хуг)))))
круто) очень рад, что нравится! Фил хуг!
@@alexeybychkov_ еще раз спасибо огромное, пробовала много раз, пока не дошло до автоматизма. очень понравилась возможность попробовать самой потыкать, понастраивать
даже просмотрев второй раз замечаешь новые детали)) это как фильм, первый раз не все нюансы можешь заметить и даже 10 раз пересмотрев найдешь что-то новое для себя) это очень круто, спасибо, Леша! и я уже в ожидании понедельника, и нового полезного контента!
приходи на стрим сегодня, понедельник же
Без этого видео не обойтись. Всё пересматриваю и пересматриваю) Может дело и в памяти моей 😆 Видео огонь)
спасибо за перепросмотр
Очень понравилось смотреть за процессом создания адаптивов и самих карточек. Просто, понятно и очень полезно! Спасибо!
супер
Очень давно хотел посмотреть, как только услышал рекомендацию от further, вот наконец дошли руки. Оказалось очень интересно смотреть, какой веселый и приятный автор, сам формат обучения именно такой, какой я бы хотел. Постоянное повторение очень помогает в запоминании. Спасибо за ролик, автор крутой!!
Спасибо за подписку! И Игорю за рекомендацию 🎉
Огромное СПАСИБОЧКИ! Как всегда просто, доступно, без воды и главное весело 😃
пожалуйста))
Какое чудесное утро понедельника с новым полезным роликом от Алексея! 🥰 Спасибо за такое подробное объяснение))
пожалуйста))
Крайне полезно) очень помогаете разобраться. Спасибо 👍
ну класс)
простым языком и на позитиве) Большой респект таким людям)
рад, что нравится! 🥳
я в конце плакала от счастья)) 100 видосов про авто лэйауты, но никто так просто не объяснял про "фил хук". вялiкi дзякуй!
рад, что понравилось! Фил Хуг!
Супер полезный контент! Спасибо, Алексей! Завтра будет практикаааа)
Отличный план!
Супер, очень полезно. Отдельное спасибо за файлик с контентом, прямо напрашивается повторить урок)
пожалуйста!
Супер 👏, ждем 100к
Да! 😀🥳
Спасибо большое, что делишься своими знаниями!
🥳
Спасибо за ролик и ссылку на файл! Теперь буду пробовать и закреплять пройденный материал😊с твоим позитивом и супер подробным объяснением можно такие крутые карточки теперь делать 💫
Спасибо за просмотр)
Ура! Пора нажать кнопки, спасибо за крутые объяснение по автолейауту. Адаптив за пару минут круто!😍
тоже так думаю)
Это всегда была моя боль. Ух уж этот автолояут))) На платном обучении в другой школе я не получила такого подробного разбора, а вы делаете это абсолютно бесплатно. Почему я не нашла вас раньше( Спасибо огромное!
спасибо за подписку!
Отличное видео.Спасибо что делитесь опытом.
Пожалуйста!
Спасибо большое за подробный разбор🥰 Лайфхак с изображениями в начале - огонь! Не догадалась бы!
пожалуйста)
Как раз проходила курс, где преподаватель говорил загружать фотки пачками, а потом скрывать по одной в разных местах 🙈)) спасибо, Алексей, что показали способ в сто раз лучше!👍
представляю что там за курс..)
46+ минут классно проведенного времени, благодарю Алексей....
и тебе спасибо, что заглядываешь!
Просто громадное спасибо за подробные объяснения на этом примере. Огонь!!
пожалуйста)
Ооооо отличное видео👍 Очень пригодилось, огромное спасибо! Сколько же ты мне времени сэкономил🤯👍👍
пожалуйста!
Хоба, трехочковый ролик! Спасибо Алексей 🤝🔥
спасибо за просмотр)
Алексей, вы замечательный человек! Большое спасибо за то, что делитесь таким важным - своими знаниями🤩
спасибо!
Алексей, большое спасибо за такой полезный ролик!👍
Передам Андрею, что его искали
Алексей, вы настоящий чудо-гуру-учитель-сенсей!!!!! Хвала ютубу и рекомандациям, что когда-то мне выдали твои видео, подсела и поняла, что оказывается веб/ui/ux может быть понятным и интересным. Теперь хочу как ты😀 Делала все за тобой по этому видео, на 20й раз повторений и объяснений только начинаю понимать, что за зверь такой автолайаут. Затупила на этапе с фотками, когда их можно включать/выключать, в итоге разобралась. Кнопки написать/позвонить все же делала через варианты кнопки, через layer не выходило. А массовое переименование, казалось бы нажимай и все, но не тут-то было. 5 раз не получалось, пока не дошло, что надо писать точь-в-точь названия предыдущие, учитывая заглавные/прописные буквы. О, чудо, когда понимаешь! 46 минут видео, а часа на 2-3 работы для новичка😅😅 СПАСИБО ЗА КОНТЕНТ!
рад, что нравится! ♥️
Доброе утро понедельника😃 начинается с роликов Алексея😉 "- Я нажимаю те же кнопки, а у меня не получается" это прям про меня. Спасибище огромное за ролик
спасибо за просмотр)
Отличный информативный ролик!) Спасибо, Алексей!)
супер
класс! отдельное спасибо за файл для практики - вот это я понимаю, настоящий урок
🥳
Очень классный урок! Спасибо большое за файл для практики все повторила, не вставая удивляться как же это удобно, уметь работать с компонентами и автолеайутами!
спасибо за просмотр!
Большое спасибо, все очень доступно, нечего лишнего) перемотка отдыхает)))
пожалуйста)
Более заряженного (и позитивом, и полезной инфой на каждый килобайт видео) блогера в мире веб-дизайна не встречал😎 от души спасибо👍🏻
спасибо, приятно))
обожаю твою подачу материала 🔥четко, позитивно и без "воды" ) столько полезной информации бесплатно вряд ли где-то можно найти) огромное тебе за это спасибо🥰
очень рад!
Как всегда шикарно!!! Спасибо!!!
Пожалуйста)
Сказал что ни один элемент не передвигал, а сам через абсолютное позиционирование передвинул кнопку! Попался!))
Но огромное спасибо за видео!!! Адаптив - та самая тема, которую откладываешь всегда на потом и лень разбираться. Благодаря тебе понял, что это легко и ооооочень удобно! Пасибо
спасибо за просмотр)
Как говорится, лайк не глядя)
спасибо)
Спасибо! Очень полезный ролик, ничего подобного на просторах Ютуба найдено не было)
спасибо за просмотр)
Спасибо за контент Алексей! Как раз сейчас на курсе задание по адаптивам!
Пожалуйста!
Хорошо! Очень хорошо! Все пересматриваю и пересматриваю!
ну класс)
Алексей,шикарный ролик!!! ультра полезный!!! СПАСИБО💓
ну класс)
Ваш канал это находка) спасибо огромное, действительно столько нервов и времени сэкономлено :D
🤟🥳🤟
Большое спасибо! Очень полезное видео!! Никто наверное не рассказывает так подробно о таких вещах как вы, да еще и на реальных примерах, так чтобы действительно понять как это все работает!
большое пожалуйста)
ура! менторство практически! очень удобно, наглядно, понятно. правда быстро, пришлось пять раз пересмотреть, но это и объяснимо, время-деньги! благодарю!
спасибо за просмотр)
Огонь! 🔥Я тоже на платном обучении и ничего подобного нам не показывали, всё это было уж слишком вскользь. Только твои видео и спасают, жаль что попала на твой канал уже после того как оплатила обучение в школе. Спасибо тебе! ❤
пожалуйста)
Отличное видео! Буду практиковать) Спасиииибо за твои золотые ручки!
супер
Давно мучаюсь с автолейаутами, спасибо за ролик. Интересно и Настроение поднял. Ты крут🤟. Хорошо что мы дизайнеры😁😉
очень рад)
Самые классные объяснения) Расту на ваших уроках😊
очень рад!
Огромное спасибо! Как всегда максимально понятно и полезно!
пожалуйста!
Круто, когда видео про адаптивы через автолейауты, а внутри еще много полезностей для себя забираешь про плагины, компоненты, новые фичи и т.д
тоже так думаю)
Спасибо за твой труд🙏
пожалуйста!
Адаптив через автолейаут.Класс!
100%)
Просто потрясающий урок! Столько узнала всяких фишуль, спасибо вам огромное!
супер!
Алексей, спасибо, с практикой очень хорошо запоминается. Буду повторять за вами. Я рада таким роликам
пожалуйста)
Ура! Новый видос. КРУТО КРУТО. Спасибо. Эпически полезно, советую видосы всем.
спасибо за рекомендации!
Алексей!! Вы просто пушка)) Все посмотрела, все повторила. Все домашние задания выполнила)) Спасибо вам большое за такой подробный урок!!! Счастья добра и много заказов вам))
еееее очень рад!
видео огонь!!! было бы круто в будущем увидеть ролик со всеми шорткатами которые необходимо знать ❤😊
🥳
Алексей, огромное спасибо! Без вас я бы и половины возможностей и удобств фигмы не знала бы 🤌
рад, что ролики помогают!
Только вчера мучался с карточками услуг на сайте. Спасибо большое за услышанные зовы помощи!))
пожалуйста)
Шикарная подача, круто и понятно объясняете! Респект! Некоторых авторов хочется ставить на ускорение скорости видео, вас только на замедление, чтоб успеть осознать)) Сколько полезной инфы за короткое время. Благодарю!😍
рад, что нравится подача
Спасибо за видео! Когда за тобой повторяю -все получается. Если сама иногда какую то задачку пытаюсь решить -то иногда -ступор. Буду еще вникать. Видео -огонь!
супер
Спасибо! Как всегда очень круто
супер!
Спасибо, было интересно. Про автолейаут можно ещё снимать ) За домашку отдельное спасибо👍
Пожалуйста)
Это лучшее видео про настройку автолейаута! Всё просто и понятно! Большое спасибо!❤
Огонь) пожалуйста!
Автолейаут просто спасает жизнь и время во время работы!)
да!
Алексей, огромное спасибо за видео. Каждое видео с огромным прицепом полезности, нигде столько качественной информации не получишь. Очень хороший урок, впитал всю информацию как губка , легко и просто с кайфом. Рекомендую тебя всем знакомым, ты классный , продолжай то что ты делаешь, иначе без тебя не будет "бубей" на проектах у дизайнеров. От души❤
Круто, спасибо)
Спасибо огромное за урок!
Спасибо за такой подробный урок!) Делала все по примеру, получилось 👍
🥳
Огонь, спасибо!
🥳
Была в восторге от прошлого видеоурока AutoLayout. Казалось, что лучше уже не возможно рассказать.
Возможно. Спасибо за крутые уроки, за практику и настроение.
вот и замечательно!-