Всё об Auto Layout в Figma
ฝัง
- เผยแพร่เมื่อ 19 พ.ย. 2023
- Рассказываем, как используют Auto Layout в Figma опытные дизайнеры квалификации Senior.
Инструмент Auto Layout в Figma позволяет указывать отступы и выравнивать соседние модули автоматически.
💪 Тренажер - www.figma.com/community/file/...
Композиция 2.0 теория и практика: nauka-dsgn.ru/composition
UX/UI анимация: nauka-dsgn.ru/animation
Наука интерфейсов: nauka-dsgn.ru/interfaces
Наш Инстаграм - insatgram.com/nauka_dsgn
Наш Телеграм - t.me/naukadsgn
А как автолейаут помогает в разработке адаптивных дизайнов? я сам недавно выбирал курсы по IT, чтобы улучшить свои навыки в дизайне, рассматривал разные компании, но остановился на Skypro. Благодаря наставнику смог найти первого заказчика и теперь работаю в этой области))
Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!
Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!
Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)
очень полезное видео. буду на тренажере тренироваться)Спасибо)
Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.
Отличный урок. Благодарю!
Cпасибо большое, все интуитивно понятно!
хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.
Спасибо за тренажер!
Видос зачетный. Все советы крайне полезны, осталось применять на постоянке
Бесподобное видео, очень полезно. Спасибо огромнейшее!
Спасибо! Балдёжная инструкция
Спасибо, гениально!
Благодарю. Полезно
Благодарю!
Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄
Спасибо!
Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл)
За видео отдельный преспект😎
круть, спасибо!
Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи.
Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))
Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))
Всё полезно!
топ! спасибо)
Ну так и как же все-таки SENIOR дизайнеры используют autolayout?
судя по видео они их просто используют😂
@@karmplc Напротив, они их не используют. Они используют джунов и мидлов, которые используют автолейауты :)
Показали же ..
Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!
я стремлюсь к такому уровню спокойствия 🙏
быстро и качественно
Спасибо, не знал, что можно задать мин/макс ширину объекту при алике. Оч полезно, круто и приятно!
🔥🔥🔥
Огромное спасибо)
А чем вы снимаете видео, т.е. как сделали такую большую мышь
Screenstudio
❤❤❤❤
Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?
Ты про тренажер?
Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания
Спасибо за самое понятное объяснение ❤
Вопрос: при создании автолейаута и последующей работы возникают дробные значение (на видосе это тоже видно). Насколько я знаю, это не есть хорошо. Но сколько я не пыталась привести всё к целым значениям, то тут то там они все равно вылезают. Что с этим делать?
либо дробные значения у элементов автолейаута убираются в родителе добавлением отступа между элементами либо фиксировать размер элементов
@@alexlisouski4069 спасибо за ответ, буду пробовать
Плагин пиксель перфект и все значения без дробей, просто нужно выбрать то что нужно и запустить. Вконце по всему макету все-равно прохожусь ибо вылезает(
а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет
все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))
самый полезный урок по автолэйаутам)
А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.
А это точно все про АЛ?
лучше гайда уже не будет спасибо !
Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран
Я автолаяут возненавидела всей душой и поняла почему.
После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается.
В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.
Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.
Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах
что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.
Про 80% ты конечно загнул.
Если конечно такие шаблоны как у тебя в примере делать, то да.
Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать
Нам преподаватель на курсах наоборот рекомендовала пользоваться автолэйаутом только тогда, когда это действительно необходимо, а не создавать бесконечные автолэйауты в аытолэйауте, якобы потом сложно будет разобраться в них и вносить правки 🤷
а когда это действительно необходимо ?)
Всё по полкам разобрал
Спасибо! Все понятно?
@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу
Какая же кликбейтная обложка…
Автолалаут это ты?
дерьмово объяснил
Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.