Всё об Auto Layout в Figma

  Переглядів 15,522

Наука Дизайна

Наука Дизайна

5 місяців тому

Рассказываем, как используют 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

КОМЕНТАРІ: 54
@axelusa
@axelusa День тому
Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!
@AlexanderLobachev
@AlexanderLobachev 5 місяців тому
Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!
@user-ib3wk7ev6w
@user-ib3wk7ev6w 21 день тому
Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!
@ElenkaZP
@ElenkaZP 5 місяців тому
хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.
@onickaselassieva6640
@onickaselassieva6640 5 місяців тому
Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)
@danielamstel8183
@danielamstel8183 5 місяців тому
Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.
@NataliJarm
@NataliJarm 5 місяців тому
очень полезное видео. буду на тренажере тренироваться)Спасибо)
@user-uy8pj1mh4p
@user-uy8pj1mh4p 4 місяці тому
Отличный урок. Благодарю!
@user-qu5jc2cc6l
@user-qu5jc2cc6l 24 дні тому
Cпасибо большое, все интуитивно понятно!
@diman_daron
@diman_daron 3 місяці тому
Видос зачетный. Все советы крайне полезны, осталось применять на постоянке
@menoirdieu
@menoirdieu 5 місяців тому
Спасибо, гениально!
@user-sl7cv9kh9s
@user-sl7cv9kh9s 5 місяців тому
Благодарю. Полезно
@elyas3115
@elyas3115 4 місяці тому
Благодарю!
@Inogdaprosto
@Inogdaprosto 2 місяці тому
Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄
@keto9423
@keto9423 5 місяців тому
Спасибо!
@user-zj8xf1fs3b
@user-zj8xf1fs3b 2 місяці тому
я стремлюсь к такому уровню спокойствия 🙏
@VyacheslavOleynik
@VyacheslavOleynik 5 місяців тому
🔥🔥🔥
@MikaStan
@MikaStan Місяць тому
Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи. Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))
@user-qu3fv4tv8r
@user-qu3fv4tv8r Місяць тому
круть, спасибо!
@hello_neptune
@hello_neptune 5 місяців тому
Я автолаяут возненавидела всей душой и поняла почему. После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается. В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.
@user-qe7ju8fx5r
@user-qe7ju8fx5r 5 місяців тому
быстро и качественно
@user-bjigfxz
@user-bjigfxz 28 днів тому
топ! спасибо)
@Lana-gj3it
@Lana-gj3it 5 місяців тому
Огромное спасибо)
@sergeyezhov2469
@sergeyezhov2469 5 місяців тому
Ну так и как же все-таки SENIOR дизайнеры используют autolayout?
@karmplc
@karmplc 4 місяці тому
судя по видео они их просто используют😂
@ursusproject
@ursusproject Місяць тому
Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл) За видео отдельный преспект😎
@In_love_w_your_mom
@In_love_w_your_mom Місяць тому
Спасибо за самое понятное объяснение ❤
@denri3733
@denri3733 2 місяці тому
Всё полезно!
@user-tc7zk2ro4y
@user-tc7zk2ro4y 5 місяців тому
Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))
@polinasinsjkee4537
@polinasinsjkee4537 5 місяців тому
❤❤❤❤
@v.vadym_k0
@v.vadym_k0 4 місяці тому
Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?
@naukadsgn
@naukadsgn 4 місяці тому
Ты про тренажер?
@bruhles
@bruhles 5 місяців тому
А чем вы снимаете видео, т.е. как сделали такую большую мышь
@naukadsgn
@naukadsgn 5 місяців тому
Screenstudio
@vergaravergara8848
@vergaravergara8848 2 місяці тому
Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания
@user-op7sx6sn4f
@user-op7sx6sn4f 3 місяці тому
а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет
@user-op7sx6sn4f
@user-op7sx6sn4f 3 місяці тому
все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))
@JamesBond-jf4ni
@JamesBond-jf4ni 2 місяці тому
Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран
@infanta518
@infanta518 5 місяців тому
А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.
@bulochka8327
@bulochka8327 5 місяців тому
самый полезный урок по автолэйаутам)
@Fanil8
@Fanil8 4 місяці тому
А это точно все про АЛ?
@Kzncv13
@Kzncv13 5 місяців тому
лучше гайда уже не будет спасибо !
@user-zd1sy3mk6o
@user-zd1sy3mk6o 5 місяців тому
Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.
@waysearcher
@waysearcher 5 місяців тому
Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах
@SpeedyGod
@SpeedyGod 5 місяців тому
что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.
@Sergeydk
@Sergeydk 5 місяців тому
Про 80% ты конечно загнул. Если конечно такие шаблоны как у тебя в примере делать, то да. Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать
@user-lw6ph9mj3r
@user-lw6ph9mj3r Місяць тому
Автолалаут это ты?
@dmitryom
@dmitryom 5 місяців тому
Всё по полкам разобрал
@naukadsgn
@naukadsgn 5 місяців тому
Спасибо! Все понятно?
@naukadsgn
@naukadsgn 5 місяців тому
@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу
@Skorpion-13
@Skorpion-13 5 місяців тому
Какая же кликбейтная обложка…
@BobPagespb
@BobPagespb 5 місяців тому
Как всегда 🔥🔥🔥
@naukadsgn
@naukadsgn 5 місяців тому
Спасибо!
@SpeedyGod
@SpeedyGod 5 місяців тому
Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.
Дизайн сайта за 160 000 ₽ | Показываю реальный проект на фрилансе
18:33
КруТа в дизайне ❘ Блог Крупиной Татьяны
Переглядів 19 тис.
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 4 млн
Завтра в школу с... | Шоу-квиз «Вопросики»
00:28
Телеканал СОЛНЦЕ
Переглядів 3,2 млн
Зомби Апокалипсис  часть 1 🤯#shorts
00:29
INNA SERG
Переглядів 1,9 млн
I PUT MY ARMOR ON (Creeper) (PG Version)
00:19
Sam Green
Переглядів 5 млн
Профессия UI/UX-дизайнер - путь в нищету?
29:57
Юзкейс | Use Case
Переглядів 61 тис.
Learn Figma Auto Layout in 10 Minutes (Everything You Need To Know)
10:23
5 ОШИБОК ВЕБ-ДИЗАЙНЕРА ДО ВЕРСТКИ НА TILDA
13:58
Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
23:18
Study Kvo. Обучение веб-дизайну и UX UI
Переглядів 2,6 тис.
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes
15:40
DesignWithArash
Переглядів 160 тис.
Responsive Design in Figma: Crash Course 2023
20:47
Tim Gabe
Переглядів 89 тис.
КИРПИЧ ОБ ГОЛОВУ #shorts
00:24
Паша Осадчий
Переглядів 4 млн