Всё об Auto Layout в Figma
Рассказываем, как используют 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
Пікірлер: 65
Бесподобное видео, очень полезно. Спасибо огромнейшее!
Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!
Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!
Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.
Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)
очень полезное видео. буду на тренажере тренироваться)Спасибо)
хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.
Отличный урок. Благодарю!
Cпасибо большое, все интуитивно понятно!
Видос зачетный. Все советы крайне полезны, осталось применять на постоянке
Спасибо за тренажер!
Спасибо! Балдёжная инструкция
Спасибо, гениально!
Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄
Благодарю. Полезно
Благодарю!
я стремлюсь к такому уровню спокойствия 🙏
Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи. Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))
Спасибо!
круть, спасибо!
Спасибо, не знал, что можно задать мин/макс ширину объекту при алике. Оч полезно, круто и приятно!
Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!
Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл) За видео отдельный преспект😎
Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))
Всё полезно!
быстро и качественно
топ! спасибо)
Ну так и как же все-таки SENIOR дизайнеры используют autolayout?
@karmplc
7 ай бұрын
судя по видео они их просто используют😂
@Johnsson25
Ай бұрын
@@karmplc Напротив, они их не используют. Они используют джунов и мидлов, которые используют автолейауты :)
@redizainkg
Ай бұрын
Показали же ..
🔥🔥🔥
А чем вы снимаете видео, т.е. как сделали такую большую мышь
@naukadsgn
8 ай бұрын
Screenstudio
Огромное спасибо)
❤❤❤❤
Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?
@naukadsgn
7 ай бұрын
Ты про тренажер?
Спасибо за самое понятное объяснение ❤
Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания
самый полезный урок по автолэйаутам)
Вопрос: при создании автолейаута и последующей работы возникают дробные значение (на видосе это тоже видно). Насколько я знаю, это не есть хорошо. Но сколько я не пыталась привести всё к целым значениям, то тут то там они все равно вылезают. Что с этим делать?
@alexlisouski4069
Ай бұрын
либо дробные значения у элементов автолейаута убираются в родителе добавлением отступа между элементами либо фиксировать размер элементов
@paulinafilimon6406
Ай бұрын
@@alexlisouski4069 спасибо за ответ, буду пробовать
@Anna_-pg5ts
Ай бұрын
Плагин пиксель перфект и все значения без дробей, просто нужно выбрать то что нужно и запустить. Вконце по всему макету все-равно прохожусь ибо вылезает(
а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет
@user-op7sx6sn4f
6 ай бұрын
все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))
А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.
А это точно все про АЛ?
Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран
лучше гайда уже не будет спасибо !
Я автолаяут возненавидела всей душой и поняла почему. После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается. В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.
Нам преподаватель на курсах наоборот рекомендовала пользоваться автолэйаутом только тогда, когда это действительно необходимо, а не создавать бесконечные автолэйауты в аытолэйауте, якобы потом сложно будет разобраться в них и вносить правки 🤷
@leisangalimova8168
Ай бұрын
а когда это действительно необходимо ?)
Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.
@waysearcher
8 ай бұрын
Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах
@SpeedyGod
8 ай бұрын
что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.
Про 80% ты конечно загнул. Если конечно такие шаблоны как у тебя в примере делать, то да. Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать
Всё по полкам разобрал
@naukadsgn
8 ай бұрын
Спасибо! Все понятно?
@naukadsgn
8 ай бұрын
@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу
Какая же кликбейтная обложка…
Автолалаут это ты?
дерьмово объяснил
Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.