Всё об Auto Layout в Figma

  Рет қаралды 19,390

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

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

7 ай бұрын

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

Пікірлер: 63
@ElenkaZP
@ElenkaZP 7 ай бұрын
хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.
@user-ib3wk7ev6w
@user-ib3wk7ev6w 2 ай бұрын
Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!
@onickaselassieva6640
@onickaselassieva6640 6 ай бұрын
Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)
@AlexanderLobachev
@AlexanderLobachev 6 ай бұрын
Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!
@user-uy8pj1mh4p
@user-uy8pj1mh4p 6 ай бұрын
Отличный урок. Благодарю!
@NataliJarm
@NataliJarm 6 ай бұрын
очень полезное видео. буду на тренажере тренироваться)Спасибо)
@danielamstel8183
@danielamstel8183 6 ай бұрын
Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.
@user-qu5jc2cc6l
@user-qu5jc2cc6l 2 ай бұрын
Cпасибо большое, все интуитивно понятно!
@JuliaRobots
@JuliaRobots Ай бұрын
Спасибо за тренажер!
@axelusa
@axelusa Ай бұрын
Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!
@diman_daron
@diman_daron 5 ай бұрын
Видос зачетный. Все советы крайне полезны, осталось применять на постоянке
@menoirdieu
@menoirdieu 7 ай бұрын
Спасибо, гениально!
@elyas3115
@elyas3115 6 ай бұрын
Благодарю!
@user-sl7cv9kh9s
@user-sl7cv9kh9s 7 ай бұрын
Благодарю. Полезно
@Inogdaprosto
@Inogdaprosto 4 ай бұрын
Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄
@keto9423
@keto9423 7 ай бұрын
Спасибо!
@bubirka23
@bubirka23 4 ай бұрын
я стремлюсь к такому уровню спокойствия 🙏
@user-qu3fv4tv8r
@user-qu3fv4tv8r 3 ай бұрын
круть, спасибо!
@VyacheslavOleynik
@VyacheslavOleynik 7 ай бұрын
🔥🔥🔥
@Johnsson25
@Johnsson25 26 күн бұрын
Спасибо, не знал, что можно задать мин/макс ширину объекту при алике. Оч полезно, круто и приятно!
@ursusproject
@ursusproject 3 ай бұрын
Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл) За видео отдельный преспект😎
@denri3733
@denri3733 3 ай бұрын
Всё полезно!
@MikaStan
@MikaStan 3 ай бұрын
Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи. Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))
@user-qe7ju8fx5r
@user-qe7ju8fx5r 7 ай бұрын
быстро и качественно
@user-tc7zk2ro4y
@user-tc7zk2ro4y 7 ай бұрын
Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))
@user-bjigfxz
@user-bjigfxz 2 ай бұрын
топ! спасибо)
@Lana-gj3it
@Lana-gj3it 7 ай бұрын
Огромное спасибо)
@sergeyezhov2469
@sergeyezhov2469 7 ай бұрын
Ну так и как же все-таки SENIOR дизайнеры используют autolayout?
@karmplc
@karmplc 6 ай бұрын
судя по видео они их просто используют😂
@Johnsson25
@Johnsson25 26 күн бұрын
@@karmplc Напротив, они их не используют. Они используют джунов и мидлов, которые используют автолейауты :)
@redizainkg
@redizainkg 4 күн бұрын
Показали же ..
@polinasinsjkee4537
@polinasinsjkee4537 7 ай бұрын
❤❤❤❤
@bruhles
@bruhles 7 ай бұрын
А чем вы снимаете видео, т.е. как сделали такую большую мышь
@naukadsgn
@naukadsgn 7 ай бұрын
Screenstudio
@In_love_w_your_mom
@In_love_w_your_mom 3 ай бұрын
Спасибо за самое понятное объяснение ❤
@v.vadym_k0
@v.vadym_k0 6 ай бұрын
Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?
@naukadsgn
@naukadsgn 6 ай бұрын
Ты про тренажер?
@vergaravergara8848
@vergaravergara8848 4 ай бұрын
Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания
@infanta518
@infanta518 7 ай бұрын
А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.
@user-op7sx6sn4f
@user-op7sx6sn4f 5 ай бұрын
а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет
@user-op7sx6sn4f
@user-op7sx6sn4f 5 ай бұрын
все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))
@bulochka8327
@bulochka8327 6 ай бұрын
самый полезный урок по автолэйаутам)
@paulinafilimon6406
@paulinafilimon6406 Ай бұрын
Вопрос: при создании автолейаута и последующей работы возникают дробные значение (на видосе это тоже видно). Насколько я знаю, это не есть хорошо. Но сколько я не пыталась привести всё к целым значениям, то тут то там они все равно вылезают. Что с этим делать?
@alexlisouski4069
@alexlisouski4069 23 күн бұрын
либо дробные значения у элементов автолейаута убираются в родителе добавлением отступа между элементами либо фиксировать размер элементов
@paulinafilimon6406
@paulinafilimon6406 23 күн бұрын
@@alexlisouski4069 спасибо за ответ, буду пробовать
@Anna_-pg5ts
@Anna_-pg5ts 18 күн бұрын
Плагин пиксель перфект и все значения без дробей, просто нужно выбрать то что нужно и запустить. Вконце по всему макету все-равно прохожусь ибо вылезает(
@hello_neptune
@hello_neptune 6 ай бұрын
Я автолаяут возненавидела всей душой и поняла почему. После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается. В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.
@Kzncv13
@Kzncv13 7 ай бұрын
лучше гайда уже не будет спасибо !
@Fanil8
@Fanil8 6 ай бұрын
А это точно все про АЛ?
@JamesBond-jf4ni
@JamesBond-jf4ni 3 ай бұрын
Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран
@user-zd1sy3mk6o
@user-zd1sy3mk6o 7 ай бұрын
Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.
@waysearcher
@waysearcher 7 ай бұрын
Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах
@SpeedyGod
@SpeedyGod 7 ай бұрын
что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.
@user-oy5dd7ce7s
@user-oy5dd7ce7s 27 күн бұрын
Нам преподаватель на курсах наоборот рекомендовала пользоваться автолэйаутом только тогда, когда это действительно необходимо, а не создавать бесконечные автолэйауты в аытолэйауте, якобы потом сложно будет разобраться в них и вносить правки 🤷
@leisangalimova8168
@leisangalimova8168 7 күн бұрын
а когда это действительно необходимо ?)
@Sergeydk
@Sergeydk 7 ай бұрын
Про 80% ты конечно загнул. Если конечно такие шаблоны как у тебя в примере делать, то да. Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать
@dmitryom
@dmitryom 7 ай бұрын
Всё по полкам разобрал
@naukadsgn
@naukadsgn 7 ай бұрын
Спасибо! Все понятно?
@naukadsgn
@naukadsgn 7 ай бұрын
@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу
@user-lw6ph9mj3r
@user-lw6ph9mj3r 3 ай бұрын
Автолалаут это ты?
@Skorpion-13
@Skorpion-13 7 ай бұрын
Какая же кликбейтная обложка…
@Gogsan
@Gogsan Ай бұрын
дерьмово объяснил
@SpeedyGod
@SpeedyGod 7 ай бұрын
Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.
Дизайн сайта за 160 000 ₽ | Показываю реальный проект на фрилансе
18:33
КруТа в дизайне ❘ Блог Крупиной Татьяны
Рет қаралды 22 М.
Неприятная Встреча На Мосту - Полярная звезда #shorts
00:59
Полярная звезда - Kuzey Yıldızı
Рет қаралды 6 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 61 МЛН
Increíble final 😱
00:37
Juan De Dios Pantoja 2
Рет қаралды 104 МЛН
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 51 МЛН
Auto Layout в Figma. База автолейаута в Фигме на готовых примерах
25:56
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 13 М.
Авто лейаут / Auto layout в Figma за 5 минут
6:44
Уроки WordPress & Figma
Рет қаралды 31 М.
Автолейаут в Фигме. Делаем резиновый дизайн на Auto Layout
23:18
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 3,6 М.
Figma Tutorial: Auto Layout | Master Auto Layout in 15 Minutes
15:40
DesignWithArash
Рет қаралды 181 М.
Responsive Card Component UI Design in Figma tricks & tips
9:58
Learn Design With Ganesha
Рет қаралды 35 М.
Фигма обновила Auto Layout 🔥 Ускоряем работу х10
9:31
КруТа в дизайне ❘ Блог Крупиной Татьяны
Рет қаралды 4,6 М.
Неприятная Встреча На Мосту - Полярная звезда #shorts
00:59
Полярная звезда - Kuzey Yıldızı
Рет қаралды 6 МЛН