Figma autolayout - основы и практика
HTML-код
- Опубликовано: 7 сен 2024
- Привет! Решила рассказать про автолэйауты. Покажу как его добавить, как его можно растягивать, выравнивать. Посмотрим, как работают Fix, Fill и Hug. А также сделаем адаптивные карточки и сверстаем логотипчик фигмы
В следующем уроке покажу, как сверстать полностью адаптивный экран на автолэйаутах:)
Огромное спасибо за такое подробный ролик!
Всем селом ждем видос про компоненты :))
Хех скоро буду пилить!))❤
Здоровские уроки! Спасибо!
@@den_kizhaev очень рада, что понравилось!))
Это мега крутое совпадение! Сегодня мы с тобой общались и вот ты у меня в Ютубе)) Я не искала тебя, ютуб сам предложил! А значит, он продвигает твои видео! Успехов тебе, много просмотров и лайков, Саша❤
Спасибо большое!!!❤️❤️❤️
Саша, спасибо за урок! Хоть и знал про автолейауты, подчеркнул новое у тебя, например спейсеры и про варианты карточек. Сейчас у Фигмы, вышла обнова Suggest auto layout Ctrl +Alt+Shift+А позволяет оборачивать много объектов в автолейауты автоматически, интересная вещь.
Спасибо!❤️
Да, фигма сделала автоматический автолэйаут, но он работает не на все 100% хорошо:) Но его можно создать, а потом просто поправить)
Спасибо за видео! Все стало понятно)
Ура вышел ролик моей любимой блогерши Саши Сметаниной! Летс факинг гоу уничтожать эти автолейауты!!!!11
Ахах, так мило)))
Не забрасивай канал, успехов и удачи тебе🎉
Большое спасибо!)))❤️
Не знаю что это даже, но сейчас посмотрю обязательно)
Хех, надеюсь будет полезно:)
Круто придумала собирать состояния у элемента через секции :) Обязательно попробую тоже так сделать! На реальных проектах где обычно показывают эти состояния? Рядом с тем экраном/страницей где он применяется или выносится на отдельную страницу в фигме?
Спасибо за видео! Уроки по переменным супер!
Спасибо!)
Я, например, в работе отрисовываю эти состояния рядом с экраном в отдельном секшене. Если флоу большой - рисую сначала весь путь пользователя, а уже рядом создаю секцию «состояния элемента» и кладу туда экран, а справа от него состояния. Тут от конкретных макетов зависит, но лучше не уносить сильно далеко такие состояния, иначе могут не найти
Это точно не стоит делать на отдельной странице. Максимум в отдельном секшене или фрейме, или просто в местечке, где сразу можно понять «вот флоу, вот экран, а вот прям тут его состояния»
@@SashaSmetanina спасибо большое за развернутый ответ!
@@ellniel обращайся:)
Спасибо, но у меня нету Figma Design😥
Поле фигмы не бесконечно. Есть края.
@@1974mura ну понятно, что есть края) это я преувеличила конечно)
@@SashaSmetanina я понял)) Я кстати всегда думал что краёв нет, а недавно наткнулся что предел есть оказывается))) долго пытался двинуть канвас в сторону пока добрый чел подсказал, что мол, успокойся, это бесполезно. У всего есть начало и конец
@@1974mura ахах да, есть такое))
Будут ли ещё ролики на канале?)
@@user-oo6wg3gl2v да, будут)) я стараюсь записывать, но свободного времени мало. Сейчас делаю ролик по переменным, потом по компонентам 🥲
@@SashaSmetanina спасибо вам за ваш труд ❤️
а где твой тг канал можно найти?
У меня пока нет тг канала:)
@@SashaSmetanina сделай пожалуйста, подпишусь и другие тоже будут рады думаю и подпишутся 🙂
@@SashaSmetanina Пора бы завести