Как пользоваться Auto Layout?! Урок по Фигме | Пошаговое объяснение
Вставка
- Опубліковано 6 лют 2025
- Когда применять Auto Layout? Как настраивать AL в Фигме? Как создавать макет в Фигме? Урок для новичков про Auto Layout. Смотри, повторяй и становись мастером по Auto Layout
🔥Наставничество по обучению UX/UI дизайну -- www.rigayaya.r...
Ссылка на исходник карточки из видео:
www.figma.com/...
Поддержать канал: www.tinkoff.ru...
Сотрудничество: t.me/rigayaya
Мой инстаграм с полезными инсайтами для фрилансеров: / rigayaya
Behance с порцией вдохновения: www.behance.ne...
Чат веб-дизайнеров: t.me/chat_riga...
Все мои ссылки: tap.link/rigayaya
#AutoLayout #фигма
В феврале 2025 года стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне:
🍭Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены)
🍭3 проекта в портфолио: коммерческий лендинг, креативный лендинг и курсовая работа по исследованиям
🍭Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием
🍭Поделюсь своими эффективными способами привлечения и поиска клиентов
🍭Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов)
🍭Узнаете про все юридические аспекты: как обезопасить себя на фрилансе, нужен ли договор, про самозанятость и т.д.
🍭 Получишь все необходимые навыки для трудоустройства в найм (исследование, как составлять резюме, как выполнять тестовые задания, где искать работу помимо Hh)
💎На потоке всего 30 мест 💎
Канал предзаписи t.me/+SERdZmrsCdczMzAy
Огромное вам спасибо! Трудоемкий урок и очень понятный! ❤❤❤
Посылаю вам от меня огромную Благодарность! 🙏🙏🙏
Все так понятно, ещё и с практикой - просто вау🥺❤️ огромное спасибо
Даже не знаю, где могла бы узнать и попрактиковаться более эффективно
@@ЯНастя-ж7д спасибо вам большое за обратную связь ❤️
Первый раз увидел твой канал и влюбился с первых же секунд в голос и манеру подачи. Действительно, няша. 😅
Подписался тут же и теперь буду внимательно следить за каналом.
Конкретно лейауты до сих пор были тёмным пятном в работе. Умом всё понимал, руками сделать не мог.
Спасибо за урок! Возникли сложности с использованием этой функции, буду разбираться чтобы внедрять в работу 👍🏻
самый понятный туториал по автолейаут на реальном примере. Для людей из 2024 года до сих пор актуален
спасибо!) приятно ))
Смотрите новое видео про обновлённый Auto Layout🥳 Теперь адаптив делать просто 🔥
ua-cam.com/video/5orYEmgemnk/v-deo.html
Бесплатный курс по Тильде 😱😱😱
ua-cam.com/play/PLagQa9AgVWdPd4yjZPOShdyI0SECD2EzL.html
Показываю, как веду реальные проекты с фриланса 💸💸💸
ua-cam.com/play/PLagQa9AgVWdPUWm3xIYR77to3eRxLd6eh.html
самый крутой урок, спасибо)
Вот это прокачка по Auto Layout! Спасибо за урок!❤💯
Все четко и по делу😊Очень качественное видео!!!Благодарю.😁
Таня, спасибо за подробный урок! Очень полезно! ❤
Компоненты очень ждем тоже!!
Хотелось бы делать легко адаптивы с Autolyout, если сможешь записать подробное видео - это будет пушка
Да, в планах такое 🔥пока можешь глянуть видео где я делаю карточку товара или дашборд, там и АЛ и компоненты присутствуют в работе)
Большое спасибо за ваш труд и урок, c удовольствием буду смотреть вас дальше, буду рада уроку с компонентами!
Большое спасибо за урок, все очень стало понятно😊
класс, рада помочь!)
спасибо, классный урок
Спасибо большое за видео👍
Жду видео про компоненты😊
Обязательно! 🤩
Благодарю автора 👍
Спасибо большое! 👍🔥👍
Клёвое видео! Спасибо! Было бы интересно подробно узнать про настройки FILL-HUG, чтоб адаптивилось красиво!!))
6:00 Я этот дивайдер раз пять перематывал видео что бы его найти.. Риктенгел там написано в проекте а не дивайдер . а еще когда вы двигаете блоки у вас расстояние красным подсвечивает а у меня не подсвечивает.. А в целом вы большая умничка спасибо! За исключением того что все самые важные процессы закрываются вашим лицом. Например описание первая же строка постоянно ломается если повторять за вами.. А что бы увидите почему нужно вас подвинуть а вы не догадались
Спасибо ! Все очень понятно ! подписался, лайк поставил !
Видео правда было полезным, спасибо за качественное объяснение, теперь жду видео с компонентами)
Спасибо!) буду снимать значит 🤩
История, эта история, такую историю) Избавляйтесь от истории) А так толково и понятно, спасибо!
Спасибо, было интересно !
Кайф. Очень полезно❤
Спасибо тебе огромной .Только вот не понимаю одного почему мы добавляем авто лоят по два раза одно и тоже ?
Очень подробное видео, спасибо за полезную информацию. Смотреть тебя одно удовольствие)
спасибо, очень приятно!)
Как насчет адаптивной верстки при данном подходе?
А можно такое же видео про компоненты¿)
Крутое видео. А как ты вывела плагины справа чтобы они были видны?
Figma EX
Отличное видео❤
видео крутое, обучился. но хотелось бы добавить, чтобы делала плашку со своим лицом чуть поменьше, так как это мешает просмотру левой части, где обозначения и тд
Спасибо большое! ❤
Рада помочь 🤩
Как классно сделано,плагины сбоку размещены,кааак это сделать?🫠🫶🏻
это разрешение для браузера figma ex
Татьяна, подскажите, пожалуйста, осваивать Фотошоп необходимо для веб-дизайнера? Есть ли хорошие бесплатные альтернативы?
Присоединяюсь к вопросу)
да, обязательно. и не только фш, но и иллюстратор как минимум. В идеале еще XD знать и любую прогу для анимации, хотя бы элементарный базис. Это база и без этого никак, если хотите вырасти выше джуна
Подскажите пожалуйста, можно ли сделать фигурную кнопку в автолэйауте?
Привет, а можешь подсказать почему текстовый элемент, который состоит из разных цветов нужно разделять на разные текстовые элементы? ( Говоришь об этом на моменте 20:17 )
Я так понимаю, что это для удобства верстальщика?
skavuska!
Круто 🔥. Только мне бывало что мешала видео аватарка, чтобы то что говоришь согласовать с визуально со слоями. Может в следующих видео либо скрыть себя либо как-то расположить чтобы не мешалось. А так очень полезный контент. Благодарю. Больше такого контента👍
рада помочь) окей, подумаю на счёт аватарки))
Подскажите как сделать в фигме таблицу, чтобы в html был код для table, а то у меня получается все дивами. Код смотрю через плагин AutoHTML. Может плагин криво работает. Подскажите как вы код смотрите?
Я не смотрю код потому что в нём не разбираюсь) таблицы делаю через АЛ и компоненты
Возможно глупый вопрос, но как у тебя быстро видны все отступы, куда ты не наведешь? 😅
Нужно зажимать ALT, когда выделен объект, от которого нужно посмотреть расстояние и навести курсор на объект до которого нужно узнать это расстояние (Кстати ответ на этот вопрос можно найти в любом поисковике) 😊☺😀
1) выделяем объект
2) зажимаем ALT
3) наводим на объект, до которого нужно посмотреть расстояние
Всё! Забудьте, режим разработчика уже платный ;)
Получается, в каждом макете нужно всë подряд загонять в автолэйаут?
В данном видео специально был выбран экран с большим количеством элементов, чтобы можно было на большом кол-ве примеров показать когда и как использовать АЛ. Можно и всё загонять, если ты это делаешь осознанно, а не лиж бы как) У меня АЛ уже на автомате в работе создаются, потому что реально почти везде им можно применение найти
@@rigayaya а все эти автолэйауты в иерархии можно безымянными оставить или нужно обязательно переименовывать их для верстальщиков?
@@БимТВ-б7т верхние слои иерархии можно переименовать, но прям каждый элемент - это уже лишнее))
Господа, как сделать такую же менюшку плагинов?
Такая умница божеж мой
Я подожду может ешо чтота выйдить чтобы я роботала и зороботала😢
Мда.. если бы я так объясняла своим ученикам материал, мне бы рубля никто не заплатил. Назвать это пошаговым объяснением нельзя: всё очень быстро, запутанно и не понятно.
@@tarhun10 я рада что вы объясняете лучше и заслуженно зарабатываете свой рубль, вы молодец! 🫂
я все равно ничего не понимаю зачем он нужен и без него же хорошо
Чтобы быть крутым
Перцем
ой какая няха. Будто из аниме вышла. Ичи ни сан ))) Ня Аригатооооо.
Я опять ничего не поняла 😢
Большое спасибо!!