Всё об Auto Layout в Figma

[@ЭвелинаБольшенко]

Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!

[@ElenkaZP]

хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.

[@GoVeOriginal]

Факт, стопам видео и разглядывал есть ли фреймы потому что не понимал можно ли все из авто собрать)

[@follow-to-God]

Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!

[@danielamstel8183]

Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.

[@Inogdaprosto]

Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄

[@axelusa]

Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!

[@ЕвгенийЗагорожев]

Cпасибо большое, все интуитивно понятно!

[@GeorgePiton]

Спасибо, мужики! Отдельное спасибо за тренажер!

[@КонстантинАлексеев-к3ц]

Отличная подача материала! Спасибо.

[@diman_daron]

Видос зачетный. Все советы крайне полезны, осталось применять на постоянке

[@MikaStan]

Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи. Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))

[@aygulkhabutdinova]

Бесподобное видео, очень полезно. Спасибо огромнейшее!

[@onickaselassieva6640]

Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)

[@NataliJarm]

очень полезное видео. буду на тренажере тренироваться)Спасибо)

[@ursusproject]

Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл) За видео отдельный преспект😎

[@aestifly3503]

у вас. оже тоже fixed и hug после 11 упражнения ?…

[@ВАСИЛИЙТЕГЗА-н6ю]

Отличный урок. Благодарю!

[@Johnsson25]

Спасибо, не знал, что можно задать мин/макс ширину объекту при алике. Оч полезно, круто и приятно!

[@bubirka23]

я стремлюсь к такому уровню спокойствия 🙏

[@nikita_shishkanov]

Спасибо! Балдёжная инструкция

[@mirofficial1049]

Крутой урок! Спасибо! Ещё бы не произношение Автоэлаут)

[@ВладГурнак-о8щ]

Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))

[@JuliaRobots]

Спасибо за тренажер!

[@white_apricot]

Не могу найти Absolute position. После обновления многие функции переместили, по старым урокам сложнее изучать информацию((

[@KristjanArnason-f5v]

А как автолейаут помогает в разработке адаптивных дизайнов? я сам недавно выбирал курсы по IT, чтобы улучшить свои навыки в дизайне, рассматривал разные компании, но остановился на Skypro. Благодаря наставнику смог найти первого заказчика и теперь работаю в этой области))

[@ВикторКрутиков-с2ж]

Такая реклама беспалевная). Точь в точь такой же коммент под другим видео по дизайну видел.

[@annayana1786]

подскажите пожалуйста! а как открыть панель, где находяться настройки внешних отступов? у меня только автолейаут есть панель, а панель фрейм закрыта :(

[@sergeyezhov2469]

Ну так и как же все-таки SENIOR дизайнеры используют autolayout?

[@karmplc]

судя по видео они их просто используют😂

[@Johnsson25]

@@karmplc Напротив, они их не используют. Они используют джунов и мидлов, которые используют автолейауты :)

[@electron_kg]

Показали же ..

[@wallflower1057]

Спасибо вам за тренажер, а так же за само видео! Могу ошибаться, но в английском слово autolayout звучит как "автолэЙаут", как и в слове "lay" (лэЙ) буква "й" никуда не исчезает. Простите, что душню, но мне очень режет слух это от многих спикеров😅

[@vergaravergara8848]

Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания

[@HellenPavlova]

круть, спасибо!

[@elyas3115]

Благодарю!

[@Krylowandrey]

Авто лайаут прописывается в коде фигмы? Ну т.е. я как дизайнер настроил автолайаут в фигме, а потом как верстальщик просто скопировал сгенерированный фигмой код и вставил в css файл? Или код ручками писать придется, а в фигме я только визуально могу смотреть что и как перемещается в результате трансформации окна?

[@bulochka8327]

самый полезный урок по автолэйаутам)

[@menoirdieu]

Спасибо, гениально!

[@Kylikovpavel]

Благодарю. Полезно

[@v.vadym_k0]

Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?

[@naukadsgn]

Ты про тренажер?

[@keto9423]

Спасибо!

[@НатальяБаранецкая-у6ж]

а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет

[@НатальяБаранецкая-у6ж]

все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))

[@VyacheslavOleynik]

🔥🔥🔥

[@JamesBond-jf4ni]

Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран

[@СамандарШамуратов-ь5я]

быстро и качественно

[@hello_neptune]

Я автолаяут возненавидела всей душой и поняла почему. После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается. В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.

[@wandertripelectro]

Всё полезно!

[@paulinafilimon6406]

Вопрос: при создании автолейаута и последующей работы возникают дробные значение (на видосе это тоже видно). Насколько я знаю, это не есть хорошо. Но сколько я не пыталась привести всё к целым значениям, то тут то там они все равно вылезают. Что с этим делать?

[@alexlisouski4069]

либо дробные значения у элементов автолейаута убираются в родителе добавлением отступа между элементами либо фиксировать размер элементов

[@paulinafilimon6406]

@@alexlisouski4069 спасибо за ответ, буду пробовать

[@Anna_-pg5ts]

Плагин пиксель перфект и все значения без дробей, просто нужно выбрать то что нужно и запустить. Вконце по всему макету все-равно прохожусь ибо вылезает(

[@user-bjigfxz]

топ! спасибо)

[@bruhles]

А чем вы снимаете видео, т.е. как сделали такую большую мышь

[@naukadsgn]

Screenstudio

[@infanta518]

А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.

[@polinasinsjkee4537]

❤❤❤❤

[@КсенияКуропаткина-ф3с]

Нам преподаватель на курсах наоборот рекомендовала пользоваться автолэйаутом только тогда, когда это действительно необходимо, а не создавать бесконечные автолэйауты в аытолэйауте, якобы потом сложно будет разобраться в них и вносить правки 🤷

[@leisangalimova8168]

а когда это действительно необходимо ?)

[@Евгений-г9щ7у]

Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.

[@waysearcher]

Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах

[@SpeedyGod]

что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.

[@Kzncv13]

лучше гайда уже не будет спасибо !

[@Sersimik]

Про 80% ты конечно загнул. Если конечно такие шаблоны как у тебя в примере делать, то да. Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать

[@dmitryom]

Всё по полкам разобрал

[@naukadsgn]

Спасибо! Все понятно?

[@naukadsgn]

@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу

[@Skorpion-13]

Какая же кликбейтная обложка…

[@tarhun10]

Что такое ayto layout, как он включается, выключается... ничего не поняла. . Аффтар, не снимайте больше.

[@Волшебныймиртворчества-с6ц]

Автолалаут это ты?

[@Gogsan]

дерьмово объяснил

[@Lana-gj3it]

Огромное спасибо)

[@SpeedyGod]

Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.

[@artemromanenko6069]

Это конкретно блочная модель браузера, которую дебильные преподы по веб-дизайну, вам упорно не объясняют, хотя это и есть разница между, на пример dtp и web. Флексы - это CSS и не "достаточно узкая", а конкретно основная, на сегодня, техника позиционирования элементов в вёрстке.