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