Подробный курс по Фигме. Урок 21 - Auto Layout в Figma 🥳 (стеки в Фигме)

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 150

  • @alexeybychkov_
    @alexeybychkov_  5 лет назад +19

    Поздравляю всех! Дождались! Стеки завезли!! Вууухху!! 🥳
    А еще пощу годноту в социалках:
    👉 Телеграм: t.me/dsgn_tips
    👉 Фейсбук: facebook.com/dsgn.tips/
    👉 Твитор: twitter.com/_alexeybychkov
    Фигма-чат - t.me/figmachat
    Правила чата - t.me/figmachat/349
    Таймкоды:
    1:11 - обзор презентации про стеки из песочницы
    5:52 - про перфекционистов
    13:25 - кнопка, которую пытался сделать каждый (до стеков)
    14:40 - галерея текстовых карточек 2 х 4 + 1 из стеков
    20:01 - кнопка на все случаи жизни
    22:18 - менеджер задач внутри фигмы

  • @iam_brightspark
    @iam_brightspark 3 года назад +1

    Хороший инструмент ! И учитель - один из лучших) Спасибо за опыт, обратную связь с нами, за твое посвящение просвещению))

  • @alidzhanovv
    @alidzhanovv 3 года назад +2

    Даа, Auto Layout экономит время)

  • @rustamkhonyulchikhanov5282
    @rustamkhonyulchikhanov5282 3 года назад +2

    Не давно начал изучать веб дизайн, и думал все просто! НО после твоего урока поменял свое мнение) спасибо брат! все понятно и четко

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +2

      Супер, спасибо за просмотр!

  • @OS-wv2zr
    @OS-wv2zr 6 месяцев назад +1

    Auto layout - это вещь! Большое спасибо за урок!

    • @alexeybychkov_
      @alexeybychkov_  6 месяцев назад

      Спасибо за просмотр)

  • @nikitalarionov-edmin3163
    @nikitalarionov-edmin3163 4 года назад +2

    Отличный и бесплатный курс, просто респект

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      Рад, что понравилось)

  • @csc_annem
    @csc_annem Год назад +1

    Моим знакомством с этим каналом стали видеоролики из нового курса по figma. Мне так понравилось, что я начала смотреть все видео. сейчас я досмотрела последние видео на этом канале, и у меня еще остались несколько трансляций. Но, что я заметила, 4 года назад контент был таким же замечательным. Я могу с уверенностью сказать, что этот канал заслуживает быть в топ-1. Нам повезло, что Алексей делится с нами таким количеством полезной информации, и я очень рада, что нашла этот канал, и с нетерпением жду новых выпусков. Спасибо за огромный труд и качественный контент!♥

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      спасибо) Рад, что нравится контент!

  • @suhofruktova
    @suhofruktova 3 года назад +1

    Алексей, спасибо вам за курс! все выстроилась в моей голове по полочкам благодаря вашему курсу и подробному и детальному объяснению :)

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +2

      Супер! Рад, что пригодилось!

  • @TrySoberman
    @TrySoberman 3 года назад +2

    Досмотрел курс только что. Я очень впечатлен, за два дня баффнул свою производительность в 10 раз. Даже не подозревал что фигма - такой гибкий и удобный инструмент. Огромное спасибо за уроки, подобное в свободном доступе трудно найти.
    А главное как я люблю - быстро, коротко и по делу.

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +1

      Спасибо за подробный коммент) Рад, что понравилось!

  • @АртёмГригорьев-ъ2р
    @АртёмГригорьев-ъ2р 3 года назад +1

    Спасибо! Интересно, полезно, минимум воды. А дизлайки ставят продавцы платных курсов.

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +2

      Рад, что нравится!
      Наверное)

  • @СевильГусейнова-э7м
    @СевильГусейнова-э7м 2 года назад +1

    Очень информативно и по делу, лучший курс по фигме!!! СПАСИБО❤

  • @SergiyAntonyuk_PhD
    @SergiyAntonyuk_PhD 5 лет назад +16

    Пожалуй, это наилучший курс по Figma, с которым я ознакомился на сегодняшний день.
    Почему?
    Теоретический материал очень хорошо дополняется большим количеством реальных примеров из практики автора и сопровождается очень подробными комментариями, поясняющими почему было принято то или иное решение.
    Большое спасибо автору за его труд.

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +3

      🥳🥳 Спасибо! Рад, что понравилось!

  • @СветланаДемьянова-щ4э

    Спасибо за этот бесценный курс. Весь посмотрела, записала, получился толстенький конспект ) даже в комментариях куча полезной информации.

  • @lidijajezova2025
    @lidijajezova2025 4 года назад +2

    Классный курс!

  • @ГалинаПодсвирова-ъ5щ
    @ГалинаПодсвирова-ъ5щ 4 года назад +2

    Спасибо большое за лучшие обзоры 👏

  • @elviradimova5804
    @elviradimova5804 4 года назад +2

    Алексей, огромнейшее СПАСИБО!!! за курс, очень все доступно, понятно, и главное появилось сильнейшее желание работать именно в Figma. С нетерпением жду новых видео уроков))) Еще раз 10000000000 Спасибо!!!

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      Пожааалуйста) Рад, что понравилось!

  • @katenaumova2914
    @katenaumova2914 4 года назад +2

    Большое, нет, большущее спасибо вам за курс! Не уверена что на просторах ютюба можно найти курс по фигме настолько качественный, как этот. Думаю, что буду еще не раз возвращаться к нему как к энциклопедии знаний по фигме, если возникнут какие-то вопросы :)

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      супер) спасибо за просмотр) и за комент 🤟

  • @lavolena
    @lavolena 3 года назад +1

    Алексей, огромнейшее спасибо, благодаря таким как Вы, крутится земной шар!

  • @ЮляТимирязева-ф6ъ
    @ЮляТимирязева-ф6ъ 5 лет назад +14

    Спасибо за перевод! И за озвучку! И вообще спасибо!

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +2

      Спасибо за просмотры и комментарии ❤️

  • @АльбинаМиннуллина-щ4й

    Этот канал мне посоветовала моя подруга, а ей кто-то из преподавателей. Очень рада что нашла ваш канал, очень интересные и познавательные видео! Я до этого работала в Figma, но все было интуитивно, ибо надо было внезапно начать новый проект и попросили на фигме. И после просмотра курса я теперь буду работать в 100 раз быстрее, столько полезных функций раскрыли, жесть просто. Спасибо вам большое )

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      Рад, что понравилось :) И подруге спасибо))

  • @SYBER1AN
    @SYBER1AN 4 года назад +2

    О, да! Я посмотрел все видео из плейлиста от начала до конца, параллельно еще и многое из этого проделал сам. Огромное спасибо за этот курс, курс задан, так сказать, отправляемся в плаванье. :) Исключительно годный НЕДЕТСКИЙ контент!)) Давно не встречал такого. Подход крутой, без говнорекламы, с ненавязчивым, но отличным юмором (несколько раз я прям посмеялся, а меня сложно рассмешить кому-то на ютубе) и, самое главное, все это со знанием дела! Глубочайшее мое уважение! В общем, на твой канал я точно буду в ближайшее время частенько заглядывать и рекомендовать его при случае!)

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      Спасибо большое) Звучит круто))

  • @СергейШимко-ю5о
    @СергейШимко-ю5о 5 лет назад +2

    Супер! Как обычно все подробно и нескучно! Благодарю за обзор

  • @MR-br2uv
    @MR-br2uv 4 года назад +2

    Большое спасибо за труд!

  • @pridari
    @pridari Год назад

    Спасибо за ролик! Как новоиспеченному пользователю фигма, очень интересно как раньше выглядела эта программа!😃😃

  • @sergeyprostobean4521
    @sergeyprostobean4521 4 года назад +2

    Алексей, спасибо. Пересмотрел второй раз. Все хорошо показал и объяснил.

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      рад, что понравилось! :)

  • @ВластелинКолец-б7н
    @ВластелинКолец-б7н 5 лет назад +3

    Супер! Спасибо за своевременный обзор!

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +1

      Рад, что понравилось :)

  • @VitaliiMaevskii
    @VitaliiMaevskii 4 года назад +4

    Спасибо! Отличный курс. Не понятно почему так мало просмотров. Информация действительно очень качественная, сконцентрированная и не сухая. Успехов тебе!

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      Спасибо ❤️ тоже не понимаю, где все делись :)

    • @ItchefRu
      @ItchefRu 3 года назад +1

      @@alexeybychkov_ Ха, вот елибы бы ты вещал про кнопку "Бабло", вот тогда было бы море просмотров. А ты показываешь, учишь, как нужно РАБОТАТЬ и ДУМАТЬ. А это в наше время, не каждому. Информация огонь. Благодарю.

  • @ГалинаМихайлова-ш5ъ

    Как всегда полезно и информативно, спасибо

  • @veekotova7719
    @veekotova7719 5 лет назад +5

    Вау, открыла для себя новый канал! Лайк, подписка!

  • @shadowstyle1116
    @shadowstyle1116 5 лет назад +5

    дааа стэки хороши спасибо за обзор

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +2

      так никто и не спорит))

  • @АлёнаВобликова-д6к
    @АлёнаВобликова-д6к 5 лет назад +5

    Про перекрасить - Ctrl Shift и он выделает сразу конкретный элемент (иконку внутри фрейма) и без проблем красит сразу несколько:)

  • @Mr-in8km
    @Mr-in8km 4 года назад +2

    Вот бы мне так английский читать =) спасибо за урок!

  • @murlochek6345
    @murlochek6345 4 года назад +3

    Леха, ты просто мой герой! Посмотрела весь курс за два с половиной дня, хочу сказать огромнейшее, ну просто огромнейшее спасибо! :) Курс отличный, и хотя я уже немного работала в фигме - узнала очень много нового. Подача у тебя суперская, отличное чувство юмора, доносишь все доступно и понятно, а шутейки реально поднимают настроение)
    Единственное, что мне осталось не понятно - почему у тебя на канале так мало подписчиков, при таком крутом контенте?! :)

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      Тоже недоумеваю: где все подписчики?))

  • @АдильКабдыгали-п5с
    @АдильКабдыгали-п5с 3 года назад

    Просто нет слов!

  • @Александр-ф6б5й
    @Александр-ф6б5й 5 лет назад +3

    Спасибошечки!

  • @АртурАпкарян
    @АртурАпкарян 5 лет назад +2

    Спасибо 🙏

  • @Udjis
    @Udjis 4 года назад +2

    Алексей, а вы не делали видео на тему Overlays? Очень уж его не хватает. Прям подробного и толкового.

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      не-а, не делал. Не пользуюсь, поэтому и не рассказываю. Да и не советую пользоваться)

  • @GeknForever
    @GeknForever 4 года назад +1

    18:40
    Первая и третья карточки. В первой заголовок 2 строки, в третьей 3 строки. Отступ от текстового заголовка до текстового блока в обеих карточках одинаков.
    В результате сам текст в первой карточке выше (на размер строки заголовка и пробела) чем в третьей.
    Это правильно дизайнерски или нужно выравнивать блоки текста что бы текст в первой карточке и в третьей встал в одну линию.
    ЗЫ. Я лол, не дизайнер. У меня с этим дилемма) Понимаю что будут "дыры" между заголовком и текстом если выравнивать текстовые блоки. Но с другой стороны если вопрос 1 дополнительная строка заголовка то не такая у и дыра)
    19:02 это более ярко выражено. 4 строки заголовка.

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      да дыры сильно хуже, чем сдвинутый текст. А когда будут реальные тексты на сайтах, где-то в 1 строку, где-то в 4, то дыры будут просто ужасно выглядеть. На любом сайте текстовые блоки делают со смещением строк, без дыр. Достаточно просто открыть любой сайт новостной и глянуть

    • @GeknForever
      @GeknForever 4 года назад +2

      @@alexeybychkov_ ок

  • @dianakurbatova1461
    @dianakurbatova1461 2 года назад +1

    Спасибо за урок по не очень понятной (пока что) для меня штуке)))

  • @karolinak3345
    @karolinak3345 4 года назад +2

    Алексей, подскажите, пожалуйста, почему в плагине FishText при нажатии на Сгенерировать ничего не происходит и не меняется ?(

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      Плагин уже несколько месяцев как сломался и авторе не чинит) Есть русский аналог. 1 в 1 по функционалу - Рыба-текст

    • @karolinak3345
      @karolinak3345 4 года назад +2

      @@alexeybychkov_ Ясно-понятно! Спасибочки за оперативный ответ!! А то я уже и переустанавливала его, и что только не делала😀

  • @natali6358
    @natali6358 3 года назад +1

    Никак не могу разобраться в сложном автолайауте, поэтому решила начать с азов))

  • @georgeg7682
    @georgeg7682 4 года назад +2

    Привет. Спасибо за информативные уроки! Есть ли в планах продолжать уроки по данному курсу?

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      Привет. Если будут новый функционал добавлять, то конечно посмотрим его :) а так-то вроде все менюхи глянули уже

  • @ВиталийБелушенко
    @ВиталийБелушенко 4 года назад +5

    за каждый пиксель пол ноги откусят)))) интересное наблюдение

  • @dv4able
    @dv4able 4 года назад +1

    6:23 Можно сделать line-height текста кратным двум

    • @alexeybychkov_
      @alexeybychkov_  4 года назад

      у всех шрифтов по-разному. Где-то сработает, где-то нет. Есть шрифты, где вообще в кнопке текст вверх улетает при создании автолейаута, а не вниз

  • @ПолинаМельникова-х7щ
    @ПолинаМельникова-х7щ 4 года назад +2

    Привет! Спасибо огромное за урок! А ты не подскажешь, почему когда я меняю количество иконок во фрейме (то есть удаляю один или несколько) у меня все смещается не в центр, а влево? когда ты меняешь на видео, оно остается центрированным, а у меня как будто прибито к левому краю и остается всегда первый элемент (если удаляю первый, второй и третий смещаются влево). Надеюсь понятно объяснила))

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +4

      Привет. Там у внешнего контейнера стоит привязка по центру yadi.sk/i/5eVoREgUMRO5rw
      А у тебя, видимо, либо нет внешнего контейнера (тогда по левому краю), либо есть, но тоже с левым выравниванием

    • @ПолинаМельникова-х7щ
      @ПолинаМельникова-х7щ 4 года назад +1

      @@alexeybychkov_ Спасибо большое! Я смотрела на эту штуку, но подумала что не то)

  • @VolodymyrHaiduk-k4d
    @VolodymyrHaiduk-k4d 4 года назад +2

    За каждый пиксель пол ноги откусят))) а что, это не на столько важно? Можно и крувой оставить кнопку? Если нет то как боротся с этим?) Курс крутой если что)))

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      главное не быть раздолбаем :)

  • @nurseitumarkulov7655
    @nurseitumarkulov7655 5 лет назад +3

    Здравствуй! а можешь показать как сделать так чтобы при скролле происходила анимация, ну типа сколь вверх-всплывает следующая станица, делал получается ,но методом драг в прототипе, а хотелось бы при кроле!

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +1

      Привет. Пока нет тригера «скрол страницы» =(

    • @nurseitumarkulov7655
      @nurseitumarkulov7655 5 лет назад +1

      @@alexeybychkov_ да при скроле страницы

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +1

      @@nurseitumarkulov7655 Ждем, когда завезут) Можно будет делать очень крутые параллаксы и оживлять страницы

    • @nurseitumarkulov7655
      @nurseitumarkulov7655 5 лет назад +1

      @@alexeybychkov_ спасибо, будем ждать

  • @icedal4541
    @icedal4541 5 лет назад +2

    👋👍👏

  • @yulianm.9362
    @yulianm.9362 4 года назад +3

    6:50 "ребята, которые за каждую кнопку..." что делают? 10 раз прослушал, так и не понял :laughing:

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      за каждый пиксель полноги откусят

  • @serebrennikof
    @serebrennikof 4 года назад +2

    Алексей, можно пак иконок? очень уж приятные )

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      Я его покупал. Поэтому поделиться не смогу, чтобы меня потом не искали по всему ютубу))
      Вот тут много почти таких же (даже лучше) сетов www.figmacrush.com/figma-icons/
      Или вот вообще аналог freebiesui.com/figma-freebies/figma-icons/460-free-minimalistic-icons/

    • @serebrennikof
      @serebrennikof 4 года назад +2

      @@alexeybychkov_ спасибо)

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      не за что) сам себе тоже эти скачал)

  • @DaMaGeVs
    @DaMaGeVs 4 года назад +2

    Подписка

  • @shvydkyi
    @shvydkyi 4 года назад +1

    на 15:30 у меня полное фиаско, посекундно делаю все как у тебя - но не получается

    • @alexeybychkov_
      @alexeybychkov_  4 года назад

      не знаю, что посоветовать)

  • @kirlyukvv
    @kirlyukvv 5 лет назад +2

    А ты пробовал с текстом работать в AutoLayout?
    У меня автоматически внутри автолэйаута не меняется ширина тестовых блоков.
    - Создал фрейм
    - запихал в него 2 блока текста и объединил их в автолейаут
    - закрепил изменение ширины автолейаута к изменению ширины фрейма
    Начинаю менять ширину фрейма, за ней меняется ширина автолейаута, а текстовые блоки внтури не меняются по ширине(((

    • @alexeybychkov_
      @alexeybychkov_  5 лет назад +1

      Да, адаптивы с ним мягко говоря некомфортно делать теперь :) Я пока просто удаляю в адаптивал АЛ переводя в обычный фрейм. Ведь в версии для компов я уже верстальщику все показал. Вообще обещали до НГ еще 2 релиза. Сначала поменьше, потом побольше. Сказали, что они в курсе о том, как все ноют. Будут обновы - многое починят.

    • @kirlyukvv
      @kirlyukvv 5 лет назад +1

      Alexey Bychkov спасибо за инфу, а то я думал что это я че то не догоняю, все перепробовал

    • @doplerhell
      @doplerhell 4 года назад

      Sketch+Anima и нет проблем. Коллаборация скоро выкатится.

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +1

      @@kirlyukvv после недавнего обновления AutoLayout прекрасно адаптивится!

    • @kirlyukvv
      @kirlyukvv 4 года назад +1

      @@alexeybychkov_ у меня не адаптивится, а каким образом вы делаете?

  • @U.Kazinets
    @U.Kazinets 2 года назад

    У Михаэля женское лицо. всё круто

  • @КостяШевкин-з5х
    @КостяШевкин-з5х 3 года назад +1

    Пол ноги откусят)))

  • @vanlamtruong7439
    @vanlamtruong7439 5 лет назад +2

    i seen this video

  • @nikstark1546
    @nikstark1546 4 года назад +1

    +++

  • @doplerhell
    @doplerhell 4 года назад +1

    отрицательный отступ отсутствует-печаль. кнопки c бордером не поставишь прилипающими бордеры x2 будут. sketch + anima и проблемы нет

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +1

      допилят со временем

    • @doplerhell
      @doplerhell 4 года назад

      @@alexeybychkov_ очень странно было не слизать функционал с Anima который уже года 3 как в Скетч есть

  • @nexusway8640
    @nexusway8640 5 лет назад +2

    Ооо, детский контент завезли)))

  • @doplerhell
    @doplerhell 4 года назад +1

    самый треш-это года в кнопке нужно лишний отступ добавить, что бы иконка не урезалась… просто ужас!!!!

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +2

      можно же сделать кнопку по-старинке без AL :)

    • @doplerhell
      @doplerhell 4 года назад +2

      @@alexeybychkov_ по старинке можно и фотошоп расчехлить или freehand откопать =)

  • @nikitalarionov-edmin3163
    @nikitalarionov-edmin3163 3 года назад

    Без Лехи уже не то(

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +1

      А куда он делся?

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +1

      Или ты в обратном порядке смотришь?)

    • @nikitalarionov-edmin3163
      @nikitalarionov-edmin3163 3 года назад +1

      @@alexeybychkov_ я пересмотрел все видосы и потом решил еще раз курс по фигме глянуть. Не хватает тебя слева :'D

    • @alexeybychkov_
      @alexeybychkov_  3 года назад +1

      @@nikitalarionov-edmin3163 ааа) Да, может как-нибудь перезапишу курс уже с новой подачей)

    • @nikitalarionov-edmin3163
      @nikitalarionov-edmin3163 3 года назад

      @@alexeybychkov_ хорошая мысль) хотя может стоит подождать, вдруг новые фичи появятся.)

  • @doplerhell
    @doplerhell 4 года назад

    sketch + anima уже были давно. фигма ужас

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      у тебя обида какая-то на фигму))

    • @doplerhell
      @doplerhell 4 года назад +1

      @@alexeybychkov_ нет. у меня бомбит не от фигмы или от вас (вы круто все делаете в этом есть ценность), а от кучи разноцветных хипстеров которые сейчас поголовно стали «свидетелями фигмы» и агрессивно гонят на скетч. Да, пока там нет коллаборации, но она очень скоро подъедет. Это единственный минус Sketch

    • @alexeybychkov_
      @alexeybychkov_  4 года назад +3

      Ясно)