Всё об Auto Layout в Figma

  Рет қаралды 31,940

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

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

Күн бұрын

Пікірлер: 76
@ЭвелинаБольшенко
@ЭвелинаБольшенко 8 ай бұрын
Очень понятный урок !!! Я столько пересмотрела уже видео на эту тему и так счастлива, что наконец-то нашла то, что искала ! Спасибо!!!
@ElenkaZP
@ElenkaZP Жыл бұрын
хороший урок. я бы ещё добавила к нему примеры использования на практике: кнопку вы показали, а ещё может быть кнопка с иконкой, поля для ввода, таблицы, хедеры и другие UI-элементы. это для нас очевидно, как оно делется. а новички не все ещё догадались и наверняка фреймами это всё делают.
@GoVeOriginal
@GoVeOriginal 4 ай бұрын
Факт, стопам видео и разглядывал есть ли фреймы потому что не понимал можно ли все из авто собрать)
@AlexanderLobachev
@AlexanderLobachev Жыл бұрын
Очень крутой урок, даже для себя узнал много нового, хоть и знаком с автолейаутами, благодарен!
@КонстантинАлексеев-к3ц
@КонстантинАлексеев-к3ц 22 күн бұрын
Отличная подача материала! Спасибо.
@danielamstel8183
@danielamstel8183 Жыл бұрын
Спасибо) Пользуюсь автолейаутами давно, но некоторые мелкие фишки я для себя все же подчерпнул из этого видео.
@Inogdaprosto
@Inogdaprosto 11 ай бұрын
Пробел чтобы не вылетал элемент из группы! Спасибо за волшебную кнопку😄
@ЕвгенийЗагорожев
@ЕвгенийЗагорожев 9 ай бұрын
Cпасибо большое, все интуитивно понятно!
@GeorgePiton
@GeorgePiton Ай бұрын
Спасибо, мужики! Отдельное спасибо за тренажер!
@axelusa
@axelusa 8 ай бұрын
Мне кажется это самое понятное видео по Автолейаутам на русскоязычном ютубе, спасибо вам!!!
@aygulkhabutdinova
@aygulkhabutdinova 5 ай бұрын
Бесподобное видео, очень полезно. Спасибо огромнейшее!
@diman_daron
@diman_daron 11 ай бұрын
Видос зачетный. Все советы крайне полезны, осталось применять на постоянке
@MikaStan
@MikaStan 9 ай бұрын
Отлично! 1. видео свежее, а которые до него смотрел - 2022г. а за 2 года интерфейс автол немного поменялся (напр spacing mode зачем то убрали). 2. Наиболее наглядно показаны многие вещи. Но все равно пока сложно кажется. Да и дядька я уже очень старый, боюсь что поздно открыл для себя это дело - но все равно очень интересно!))
@NataliJarm
@NataliJarm Жыл бұрын
очень полезное видео. буду на тренажере тренироваться)Спасибо)
@onickaselassieva6640
@onickaselassieva6640 Жыл бұрын
Упражнения топ, СПАСИБОЧКИ ОГРОМНЕЙШЕЕ!!! хочется еще)
@annayana1786
@annayana1786 Ай бұрын
подскажите пожалуйста! а как открыть панель, где находяться настройки внешних отступов? у меня только автолейаут есть панель, а панель фрейм закрыта :(
@sergeyezhov2469
@sergeyezhov2469 Жыл бұрын
Ну так и как же все-таки SENIOR дизайнеры используют autolayout?
@karmplc
@karmplc Жыл бұрын
судя по видео они их просто используют😂
@Johnsson25
@Johnsson25 7 ай бұрын
@@karmplc Напротив, они их не используют. Они используют джунов и мидлов, которые используют автолейауты :)
@electron_kg
@electron_kg 6 ай бұрын
Показали же ..
@ВАСИЛИЙТЕГЗА-н6ю
@ВАСИЛИЙТЕГЗА-н6ю Жыл бұрын
Отличный урок. Благодарю!
@nikita_shishkanov
@nikita_shishkanov 6 ай бұрын
Спасибо! Балдёжная инструкция
@white_apricot
@white_apricot 3 ай бұрын
Не могу найти Absolute position. После обновления многие функции переместили, по старым урокам сложнее изучать информацию((
@ursusproject
@ursusproject 9 ай бұрын
Было бы круто еще видос с тренажером сделать, ибо после 13 поплыл) За видео отдельный преспект😎
@JuliaRobots
@JuliaRobots 7 ай бұрын
Спасибо за тренажер!
@KristjanArnason-f5v
@KristjanArnason-f5v 5 ай бұрын
А как автолейаут помогает в разработке адаптивных дизайнов? я сам недавно выбирал курсы по IT, чтобы улучшить свои навыки в дизайне, рассматривал разные компании, но остановился на Skypro. Благодаря наставнику смог найти первого заказчика и теперь работаю в этой области))
@ВикторКрутиков-с2ж
@ВикторКрутиков-с2ж 5 ай бұрын
Такая реклама беспалевная). Точь в точь такой же коммент под другим видео по дизайну видел.
@mirofficial1049
@mirofficial1049 Ай бұрын
Крутой урок! Спасибо! Ещё бы не произношение Автоэлаут)
@bubirka23
@bubirka23 10 ай бұрын
я стремлюсь к такому уровню спокойствия 🙏
@Johnsson25
@Johnsson25 7 ай бұрын
Спасибо, не знал, что можно задать мин/макс ширину объекту при алике. Оч полезно, круто и приятно!
@ВладГурнак-о8щ
@ВладГурнак-о8щ Жыл бұрын
Мені сподобався прийом з красною точкою в кнопці я ще не знав про це але стикався з цим і думав як це вирішити дякую за відео було корисно ))
@Krylowandrey
@Krylowandrey 4 ай бұрын
Авто лайаут прописывается в коде фигмы? Ну т.е. я как дизайнер настроил автолайаут в фигме, а потом как верстальщик просто скопировал сгенерированный фигмой код и вставил в css файл? Или код ручками писать придется, а в фигме я только визуально могу смотреть что и как перемещается в результате трансформации окна?
@menoirdieu
@menoirdieu Жыл бұрын
Спасибо, гениально!
@НатальяБаранецкая-у6ж
@НатальяБаранецкая-у6ж 11 ай бұрын
а как этот тренажер включить? открывается страница с тренажером и дальше что делать? там ничего кликабельного нет
@НатальяБаранецкая-у6ж
@НатальяБаранецкая-у6ж 11 ай бұрын
все, вопрос решен, было заблокировано всплывающее окно, теперь все открылось, будем тренироваться)))
@v.vadym_k0
@v.vadym_k0 Жыл бұрын
Очень информативное видео увидел подсказки в фреймах где можно найти файл с этими подсказками?
@naukadsgn
@naukadsgn Жыл бұрын
Ты про тренажер?
@HellenPavlova
@HellenPavlova 10 ай бұрын
круть, спасибо!
@bruhles
@bruhles Жыл бұрын
А чем вы снимаете видео, т.е. как сделали такую большую мышь
@naukadsgn
@naukadsgn Жыл бұрын
Screenstudio
@Kylikovpavel
@Kylikovpavel Жыл бұрын
Благодарю. Полезно
@elyas3115
@elyas3115 Жыл бұрын
Благодарю!
@paulinafilimon6406
@paulinafilimon6406 7 ай бұрын
Вопрос: при создании автолейаута и последующей работы возникают дробные значение (на видосе это тоже видно). Насколько я знаю, это не есть хорошо. Но сколько я не пыталась привести всё к целым значениям, то тут то там они все равно вылезают. Что с этим делать?
@alexlisouski4069
@alexlisouski4069 7 ай бұрын
либо дробные значения у элементов автолейаута убираются в родителе добавлением отступа между элементами либо фиксировать размер элементов
@paulinafilimon6406
@paulinafilimon6406 7 ай бұрын
@@alexlisouski4069 спасибо за ответ, буду пробовать
@Anna_-pg5ts
@Anna_-pg5ts 7 ай бұрын
Плагин пиксель перфект и все значения без дробей, просто нужно выбрать то что нужно и запустить. Вконце по всему макету все-равно прохожусь ибо вылезает(
@wallflower1057
@wallflower1057 Ай бұрын
Спасибо вам за тренажер, а так же за само видео! Могу ошибаться, но в английском слово autolayout звучит как "автолэЙаут", как и в слове "lay" (лэЙ) буква "й" никуда не исчезает. Простите, что душню, но мне очень режет слух это от многих спикеров😅
@vergaravergara8848
@vergaravergara8848 11 ай бұрын
Спасибо за тренажер, вижу свои недочеты не могу выполнить 3 задания
@keto9423
@keto9423 Жыл бұрын
Спасибо!
@wandertripelectro
@wandertripelectro 10 ай бұрын
Всё полезно!
@СамандарШамуратов-ь5я
@СамандарШамуратов-ь5я Жыл бұрын
быстро и качественно
@user-bjigfxz
@user-bjigfxz 9 ай бұрын
топ! спасибо)
@bulochka8327
@bulochka8327 Жыл бұрын
самый полезный урок по автолэйаутам)
@infanta518
@infanta518 Жыл бұрын
А мидлы так не используют autolayout?) Кажется, что даже джуны так работают при правильном контроле.
@JamesBond-jf4ni
@JamesBond-jf4ni 10 ай бұрын
Был бы крутой ролик если бы был бы детальным а не с вырезанными кусками, особенно про адаптивные блоки ккак они создавались с какими настройками а то бац смотрите а у нас уже блок собран
@VyacheslavOleynik
@VyacheslavOleynik Жыл бұрын
🔥🔥🔥
@hello_neptune
@hello_neptune Жыл бұрын
Я автолаяут возненавидела всей душой и поняла почему. После просмотра видео, мне стало понятно, что некоторые криворукие дизы пихают каждый элемент в отдельный лаяут, а потом это собирают в один общий. Ну как бы группа в группе получается и так по несколько веток. И я готова сжечь на костре тех, кто так делает, потому, что после них это править у меня не хватает никаких нервов, ничего невозможно нормально подвинуть или добавить, все куда-то расползается. В видео все элементы в одном лаяуте, все просто и понятно как там можно двигать элементы.
@polinasinsjkee4537
@polinasinsjkee4537 Жыл бұрын
❤❤❤❤
@КсенияКуропаткина-ф3с
@КсенияКуропаткина-ф3с 7 ай бұрын
Нам преподаватель на курсах наоборот рекомендовала пользоваться автолэйаутом только тогда, когда это действительно необходимо, а не создавать бесконечные автолэйауты в аытолэйауте, якобы потом сложно будет разобраться в них и вносить правки 🤷
@leisangalimova8168
@leisangalimova8168 6 ай бұрын
а когда это действительно необходимо ?)
@Евгений-г9щ7у
@Евгений-г9щ7у Жыл бұрын
Автолейаут в фигме - это процентов 10 от возможностей в веб-верстке. Алик хорошо подходит для создание компонетов\организмов, но именно что для ЛЭЙАУТА страницы он сильно ограничен и не всегда может покрыть все потребности. Как минимум нужна привязка аликов к колоночной сетке, а не той декоративной, что есть сейчас или еще лучшее css grids, еще марджины нужны, паддинги для текстовых стилей и куча чего еще. Вот тогда можно будет говорить, что ВСЁ нужно собирать на аликах, а не работать с задачей в ограниченых рамках инструмента.
@waysearcher
@waysearcher Жыл бұрын
Ну 10 ты перегнул наверное... Может треть или половина, если говорить о флексах
@SpeedyGod
@SpeedyGod Жыл бұрын
что за херь ты несешь? Автолейаут в фигме = flexbox в html. Именно так и никак иначе. Именно конкретно этот элемент со всеми его свойствами. Все возможности html тут вообще ни при чем.
@Sersimik
@Sersimik Жыл бұрын
Про 80% ты конечно загнул. Если конечно такие шаблоны как у тебя в примере делать, то да. Если что-то делать не стандартно-сложное то получится дай бог 10% заюзать
@Kzncv13
@Kzncv13 Жыл бұрын
лучше гайда уже не будет спасибо !
@dmitryom
@dmitryom Жыл бұрын
Всё по полкам разобрал
@naukadsgn
@naukadsgn Жыл бұрын
Спасибо! Все понятно?
@naukadsgn
@naukadsgn Жыл бұрын
@@matters2518 18-19 принцип снаружи внутрь. Тебе нужно изменить размер автолейаута. 20 наоборот изнутри наружу
@Skorpion-13
@Skorpion-13 Жыл бұрын
Какая же кликбейтная обложка…
@Волшебныймиртворчества-с6ц
@Волшебныймиртворчества-с6ц 9 ай бұрын
Автолалаут это ты?
@tarhun10
@tarhun10 Ай бұрын
Что такое ayto layout, как он включается, выключается... ничего не поняла. . Аффтар, не снимайте больше.
@Gogsan
@Gogsan 8 ай бұрын
дерьмово объяснил
@Lana-gj3it
@Lana-gj3it Жыл бұрын
Огромное спасибо)
@SpeedyGod
@SpeedyGod Жыл бұрын
Автолейаут в фигме это, конкретно, flexbox в html. Т.е., достаточно узкая область html.
@artemromanenko6069
@artemromanenko6069 4 ай бұрын
Это конкретно блочная модель браузера, которую дебильные преподы по веб-дизайну, вам упорно не объясняют, хотя это и есть разница между, на пример dtp и web. Флексы - это CSS и не "достаточно узкая", а конкретно основная, на сегодня, техника позиционирования элементов в вёрстке.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
Все про Auto Layout 2024 в фигме
31:20
Алеся Кутузова
Рет қаралды 10 М.
Auto Layout в Figma. Как Дизайнить в 10х Раз Быстрее
18:12
Сергей Оршак
Рет қаралды 1,6 М.
Новый интерфейс Фигмы (Figma UI3)
17:28
Disarto
Рет қаралды 4,3 М.
Фигма (figma) для начинающих - как быстро изучить!
38:52
Гаугаш про дизайн
Рет қаралды 21 М.
⚡ Замена компонентам? Большое обновление Фигмы 2024
19:34
Study Kvo. Обучение веб-дизайну и UX UI
Рет қаралды 19 М.
Авто лейаут / Auto layout в Figma за 5 минут
6:44
Уроки WordPress & Figma
Рет қаралды 42 М.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН