Всё об 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

  • @aygulkhabutdinova
    @aygulkhabutdinova7 күн бұрын

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

  • @user-ib3wk7ev6w
    @user-ib3wk7ev6w3 ай бұрын

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

  • @AlexanderLobachev
    @AlexanderLobachev7 ай бұрын

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

  • @danielamstel8183
    @danielamstel81837 ай бұрын

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

  • @onickaselassieva6640
    @onickaselassieva66407 ай бұрын

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

  • @NataliJarm
    @NataliJarm7 ай бұрын

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

  • @ElenkaZP
    @ElenkaZP8 ай бұрын

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

  • @user-uy8pj1mh4p
    @user-uy8pj1mh4p7 ай бұрын

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

  • @user-qu5jc2cc6l
    @user-qu5jc2cc6l3 ай бұрын

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

  • @diman_daron
    @diman_daron6 ай бұрын

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

  • @JuliaRobots
    @JuliaRobots2 ай бұрын

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

  • @nikita_shishkanov
    @nikita_shishkanov20 күн бұрын

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

  • @menoirdieu
    @menoirdieu8 ай бұрын

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

  • @Inogdaprosto
    @Inogdaprosto5 ай бұрын

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

  • @user-sl7cv9kh9s
    @user-sl7cv9kh9s8 ай бұрын

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

  • @elyas3115
    @elyas31157 ай бұрын

    Благодарю!

  • @bubirka23
    @bubirka235 ай бұрын

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

  • @MikaStan
    @MikaStan4 ай бұрын

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

  • @keto9423
    @keto94238 ай бұрын

    Спасибо!

  • @user-qu3fv4tv8r
    @user-qu3fv4tv8r4 ай бұрын

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

  • @Johnsson25
    @Johnsson25Ай бұрын

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

  • @axelusa
    @axelusa2 ай бұрын

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

  • @ursusproject
    @ursusproject4 ай бұрын

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

  • @user-tc7zk2ro4y
    @user-tc7zk2ro4y8 ай бұрын

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

  • @denri3733
    @denri37334 ай бұрын

    Всё полезно!

  • @user-qe7ju8fx5r
    @user-qe7ju8fx5r8 ай бұрын

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

  • @user-bjigfxz
    @user-bjigfxz3 ай бұрын

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

  • @sergeyezhov2469
    @sergeyezhov24698 ай бұрын

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

  • @karmplc

    @karmplc

    7 ай бұрын

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

  • @Johnsson25

    @Johnsson25

    Ай бұрын

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

  • @redizainkg

    @redizainkg

    Ай бұрын

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

  • @VyacheslavOleynik
    @VyacheslavOleynik8 ай бұрын

    🔥🔥🔥

  • @bruhles
    @bruhles8 ай бұрын

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

  • @naukadsgn

    @naukadsgn

    8 ай бұрын

    Screenstudio

  • @Lana-gj3it
    @Lana-gj3it8 ай бұрын

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

  • @polinasinsjkee4537
    @polinasinsjkee45378 ай бұрын

    ❤❤❤❤

  • @v.vadym_k0
    @v.vadym_k07 ай бұрын

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

  • @naukadsgn

    @naukadsgn

    7 ай бұрын

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

  • @In_love_w_your_mom
    @In_love_w_your_mom4 ай бұрын

    Спасибо за самое понятное объяснение ❤

  • @vergaravergara8848
    @vergaravergara88485 ай бұрын

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

  • @bulochka8327
    @bulochka83277 ай бұрын

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

  • @paulinafilimon6406
    @paulinafilimon64062 ай бұрын

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

  • @alexlisouski4069

    @alexlisouski4069

    Ай бұрын

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

  • @paulinafilimon6406

    @paulinafilimon6406

    Ай бұрын

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

  • @Anna_-pg5ts

    @Anna_-pg5ts

    Ай бұрын

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

  • @user-op7sx6sn4f
    @user-op7sx6sn4f6 ай бұрын

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

  • @user-op7sx6sn4f

    @user-op7sx6sn4f

    6 ай бұрын

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

  • @infanta518
    @infanta5188 ай бұрын

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

  • @Fanil8
    @Fanil87 ай бұрын

    А это точно все про АЛ?

  • @JamesBond-jf4ni
    @JamesBond-jf4ni4 ай бұрын

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

  • @Kzncv13
    @Kzncv138 ай бұрын

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

  • @hello_neptune
    @hello_neptune7 ай бұрын

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

  • @user-oy5dd7ce7s
    @user-oy5dd7ce7sАй бұрын

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

  • @leisangalimova8168

    @leisangalimova8168

    Ай бұрын

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

  • @user-zd1sy3mk6o
    @user-zd1sy3mk6o8 ай бұрын

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

  • @waysearcher

    @waysearcher

    8 ай бұрын

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

  • @SpeedyGod

    @SpeedyGod

    8 ай бұрын

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

  • @Sergeydk
    @Sergeydk8 ай бұрын

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

  • @dmitryom
    @dmitryom8 ай бұрын

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

  • @naukadsgn

    @naukadsgn

    8 ай бұрын

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

  • @naukadsgn

    @naukadsgn

    8 ай бұрын

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

  • @Skorpion-13
    @Skorpion-138 ай бұрын

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

  • @user-lw6ph9mj3r
    @user-lw6ph9mj3r4 ай бұрын

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

  • @Gogsan
    @Gogsan2 ай бұрын

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

  • @SpeedyGod
    @SpeedyGod8 ай бұрын

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

Келесі