Figma autolayout - основы и практика

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 มิ.ย. 2024
  • Привет! Решила рассказать про автолэйауты. Покажу как его добавить, как его можно растягивать, выравнивать. Посмотрим, как работают Fix, Fill и Hug. А также сделаем адаптивные карточки и сверстаем логотипчик фигмы
    В следующем уроке покажу, как сверстать полностью адаптивный экран на автолэйаутах:)

ความคิดเห็น • 26

  • @iLoveOrangeFish
    @iLoveOrangeFish 11 วันที่ผ่านมา

    Огромное спасибо за такое подробный ролик!
    Всем селом ждем видос про компоненты :))

    • @SashaSmetanina
      @SashaSmetanina  10 วันที่ผ่านมา

      Хех скоро буду пилить!))❤

  • @nuuuuta22
    @nuuuuta22 23 วันที่ผ่านมา

    Это мега крутое совпадение! Сегодня мы с тобой общались и вот ты у меня в Ютубе)) Я не искала тебя, ютуб сам предложил! А значит, он продвигает твои видео! Успехов тебе, много просмотров и лайков, Саша❤

    • @SashaSmetanina
      @SashaSmetanina  23 วันที่ผ่านมา +1

      Спасибо большое!!!❤️❤️❤️

  • @qaigymoon
    @qaigymoon 25 วันที่ผ่านมา

    Не забрасивай канал, успехов и удачи тебе🎉

    • @SashaSmetanina
      @SashaSmetanina  25 วันที่ผ่านมา

      Большое спасибо!)))❤️

  • @den_kizhaev
    @den_kizhaev 19 วันที่ผ่านมา

    Здоровские уроки! Спасибо!

    • @SashaSmetanina
      @SashaSmetanina  19 วันที่ผ่านมา

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

  • @sergeyfoxy
    @sergeyfoxy 26 วันที่ผ่านมา +1

    Саша, спасибо за урок! Хоть и знал про автолейауты, подчеркнул новое у тебя, например спейсеры и про варианты карточек. Сейчас у Фигмы, вышла обнова Suggest auto layout Ctrl +Alt+Shift+А позволяет оборачивать много объектов в автолейауты автоматически, интересная вещь.

    • @SashaSmetanina
      @SashaSmetanina  26 วันที่ผ่านมา

      Спасибо!❤️
      Да, фигма сделала автоматический автолэйаут, но он работает не на все 100% хорошо:) Но его можно создать, а потом просто поправить)

  • @dongoozer
    @dongoozer 26 วันที่ผ่านมา +1

    Ура вышел ролик моей любимой блогерши Саши Сметаниной! Летс факинг гоу уничтожать эти автолейауты!!!!11

    • @SashaSmetanina
      @SashaSmetanina  26 วันที่ผ่านมา +1

      Ахах, так мило)))

  • @istheOTHERSIDE
    @istheOTHERSIDE 26 วันที่ผ่านมา

    Не знаю что это даже, но сейчас посмотрю обязательно)

    • @SashaSmetanina
      @SashaSmetanina  25 วันที่ผ่านมา

      Хех, надеюсь будет полезно:)

  • @ellniel
    @ellniel 25 วันที่ผ่านมา

    Круто придумала собирать состояния у элемента через секции :) Обязательно попробую тоже так сделать! На реальных проектах где обычно показывают эти состояния? Рядом с тем экраном/страницей где он применяется или выносится на отдельную страницу в фигме?
    Спасибо за видео! Уроки по переменным супер!

    • @SashaSmetanina
      @SashaSmetanina  25 วันที่ผ่านมา

      Спасибо!)
      Я, например, в работе отрисовываю эти состояния рядом с экраном в отдельном секшене. Если флоу большой - рисую сначала весь путь пользователя, а уже рядом создаю секцию «состояния элемента» и кладу туда экран, а справа от него состояния. Тут от конкретных макетов зависит, но лучше не уносить сильно далеко такие состояния, иначе могут не найти
      Это точно не стоит делать на отдельной странице. Максимум в отдельном секшене или фрейме, или просто в местечке, где сразу можно понять «вот флоу, вот экран, а вот прям тут его состояния»

    • @ellniel
      @ellniel 25 วันที่ผ่านมา

      @@SashaSmetanina спасибо большое за развернутый ответ!

    • @SashaSmetanina
      @SashaSmetanina  25 วันที่ผ่านมา

      @@ellniel обращайся:)

  • @abely8
    @abely8 25 วันที่ผ่านมา

    а где твой тг канал можно найти?

    • @SashaSmetanina
      @SashaSmetanina  25 วันที่ผ่านมา

      У меня пока нет тг канала:)

    • @abely8
      @abely8 25 วันที่ผ่านมา

      @@SashaSmetanina сделай пожалуйста, подпишусь и другие тоже будут рады думаю и подпишутся 🙂

    • @user-pi2jy3xq7d
      @user-pi2jy3xq7d 15 วันที่ผ่านมา

      @@SashaSmetanina Пора бы завести

  • @1974mura
    @1974mura 22 วันที่ผ่านมา

    Поле фигмы не бесконечно. Есть края.

    • @SashaSmetanina
      @SashaSmetanina  22 วันที่ผ่านมา +1

      @@1974mura ну понятно, что есть края) это я преувеличила конечно)

    • @1974mura
      @1974mura 21 วันที่ผ่านมา

      @@SashaSmetanina я понял)) Я кстати всегда думал что краёв нет, а недавно наткнулся что предел есть оказывается))) долго пытался двинуть канвас в сторону пока добрый чел подсказал, что мол, успокойся, это бесполезно. У всего есть начало и конец

    • @SashaSmetanina
      @SashaSmetanina  21 วันที่ผ่านมา

      @@1974mura ахах да, есть такое))