Как пользоваться Auto Layout?! Урок по Фигме | Пошаговое объяснение

Когда применять Auto Layout? Как настраивать AL в Фигме? Как создавать макет в Фигме? Урок для новичков про Auto Layout. Смотри, повторяй и становись мастером по Auto Layout
🔥Наставничество по обучению UX/UI дизайну -- www.rigayaya.ru/study
Ссылка на исходник карточки из видео:
www.figma.com/file/HUVJTzNj16...
Поддержать канал: www.tinkoff.ru/cf/19tY9enZ6VK
Сотрудничество: t.me/rigayaya
Мой инстаграм с полезными инсайтами для фрилансеров: / rigayaya
Behance с порцией вдохновения: www.behance.net/rigayaya
Чат веб-дизайнеров: t.me/chat_rigayaya
Все мои ссылки: tap.link/rigayaya
#AutoLayout #фигма

Пікірлер: 54

  • @rigayaya
    @rigayaya8 ай бұрын

    Осенью 2024 стартует Наставничество от меня, где ты получишь комплекс знаний в UX/UI дизайне: 💜Расширенные знания в Figma (компоненты, AL, прототипирование, анимации, токены) 💜3 проекта в портфолио: коммерческий лендинг, интернет-магазин и креативный лендинг 💜Два проекта из трёх сможешь сверстать на Тильде прямо во время обучения под моим курированием 💜Поделюсь своими эффективными способами привлечения и поиска клиентов 💜Получишь навыки общения с клиентом и ведения проекта (работа с возражениями, закрытие на продажу, как презентовать дизайн чтобы не было правок) 💜Знания по предпроектному исследованию на фрилансе для создания осознанного дизайна (UX-анализ конкурентов, построение гипотез, проведения опросов) 💜Узнаете про все юридические аспекты: как обезопасить себя на фрилансе, нужен ли договор, про самозанятость и т.д. Попасть в предзапись -- t.me/+JQn_o-N58lw3NzRi

  • @user-ut9jw6wf9r
    @user-ut9jw6wf9rКүн бұрын

    Круто 🔥. Только мне бывало что мешала видео аватарка, чтобы то что говоришь согласовать с визуально со слоями. Может в следующих видео либо скрыть себя либо как-то расположить чтобы не мешалось. А так очень полезный контент. Благодарю. Больше такого контента👍

  • @stanislavsmiley193
    @stanislavsmiley1939 ай бұрын

    Все четко и по делу😊Очень качественное видео!!!Благодарю.😁

  • @TheTrueRZHBB
    @TheTrueRZHBB7 ай бұрын

    Первый раз увидел твой канал и влюбился с первых же секунд в голос и манеру подачи. Действительно, няша. 😅 Подписался тут же и теперь буду внимательно следить за каналом. Конкретно лейауты до сих пор были тёмным пятном в работе. Умом всё понимал, руками сделать не мог.

  • @irinabordugova751
    @irinabordugova75110 ай бұрын

    Очень подробное видео, спасибо за полезную информацию. Смотреть тебя одно удовольствие)

  • @rigayaya

    @rigayaya

    10 ай бұрын

    спасибо, очень приятно!)

  • @aaaaaafgjyrf
    @aaaaaafgjyrf3 ай бұрын

    Спасибо за урок! Возникли сложности с использованием этой функции, буду разбираться чтобы внедрять в работу 👍🏻

  • @user-jd5fl6th8t
    @user-jd5fl6th8t9 ай бұрын

    Большое спасибо за ваш труд и урок, c удовольствием буду смотреть вас дальше, буду рада уроку с компонентами!

  • @WhisperOfHorrorr
    @WhisperOfHorrorr11 ай бұрын

    Спасибо большое за видео👍 Жду видео про компоненты😊

  • @rigayaya

    @rigayaya

    11 ай бұрын

    Обязательно! 🤩

  • @user-xh8el1cl6h
    @user-xh8el1cl6h11 ай бұрын

    Кайф. Очень полезно❤

  • @user-py1jc4rt1g
    @user-py1jc4rt1g8 ай бұрын

    Спасибо, было интересно !

  • @vika11.01
    @vika11.019 ай бұрын

    Видео правда было полезным, спасибо за качественное объяснение, теперь жду видео с компонентами)

  • @rigayaya

    @rigayaya

    9 ай бұрын

    Спасибо!) буду снимать значит 🤩

  • @user-cf2cl8um9q
    @user-cf2cl8um9q6 ай бұрын

    Спасибо ! Все очень понятно ! подписался, лайк поставил !

  • @JuliaZbrykina
    @JuliaZbrykina11 ай бұрын

    Таня, спасибо за подробный урок! Очень полезно! ❤ Компоненты очень ждем тоже!! Хотелось бы делать легко адаптивы с Autolyout, если сможешь записать подробное видео - это будет пушка

  • @rigayaya

    @rigayaya

    11 ай бұрын

    Да, в планах такое 🔥пока можешь глянуть видео где я делаю карточку товара или дашборд, там и АЛ и компоненты присутствуют в работе)

  • @frila_academy
    @frila_academy10 ай бұрын

    Отличное видео❤

  • @KiraGolubewa
    @KiraGolubewa4 ай бұрын

    Большое спасибо за урок, все очень стало понятно😊

  • @rigayaya

    @rigayaya

    4 ай бұрын

    класс, рада помочь!)

  • @webdesigner_4051
    @webdesigner_40515 күн бұрын

    История, эта история, такую историю) Избавляйтесь от истории) А так толково и понятно, спасибо!

  • @user-bc9ch4ey6d
    @user-bc9ch4ey6d4 ай бұрын

    Большое спасибо!!

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

    Благодарю автора 👍

  • @aysaulekydyrbaeva1321
    @aysaulekydyrbaeva132111 ай бұрын

    Спасибо большое! ❤

  • @rigayaya

    @rigayaya

    11 ай бұрын

    Рада помочь 🤩

  • @MrSkiff88
    @MrSkiff887 ай бұрын

    Клёвое видео! Спасибо! Было бы интересно подробно узнать про настройки FILL-HUG, чтоб адаптивилось красиво!!))

  • @rigayaya
    @rigayaya11 ай бұрын

    Смотрите новое видео про обновлённый Auto Layout🥳 Теперь адаптив делать просто 🔥 kzread.info/dash/bejne/Z6Omu6eml8jTns4.html Бесплатный курс по Тильде 😱😱😱 kzread.info/head/PLagQa9AgVWdPd4yjZPOShdyI0SECD2EzL Показываю, как веду реальные проекты с фриланса 💸💸💸 kzread.info/head/PLagQa9AgVWdPUWm3xIYR77to3eRxLd6eh

  • @user-pl6rr2pw2q
    @user-pl6rr2pw2q10 ай бұрын

    Привет, а можешь подсказать почему текстовый элемент, который состоит из разных цветов нужно разделять на разные текстовые элементы? ( Говоришь об этом на моменте 20:17 ) Я так понимаю, что это для удобства верстальщика?

  • @psihopiperay9599
    @psihopiperay95996 ай бұрын

    Подскажите пожалуйста, можно ли сделать фигурную кнопку в автолэйауте?

  • @user-zj2bb2pj8u
    @user-zj2bb2pj8u4 ай бұрын

    Как насчет адаптивной верстки при данном подходе?

  • @Joposranchik1993
    @Joposranchik19938 ай бұрын

    ой какая няха. Будто из аниме вышла. Ичи ни сан ))) Ня Аригатооооо.

  • @nefertiti333
    @nefertiti3333 ай бұрын

    А можно такое же видео про компоненты¿)

  • @cobrate_G
    @cobrate_G3 ай бұрын

    Спасибо тебе огромной .Только вот не понимаю одного почему мы добавляем авто лоят по два раза одно и тоже ?

  • @user-xk4zf6de8f
    @user-xk4zf6de8f10 ай бұрын

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

  • @user-lh7xr1mc8n
    @user-lh7xr1mc8n10 ай бұрын

    Татьяна, подскажите, пожалуйста, осваивать Фотошоп необходимо для веб-дизайнера? Есть ли хорошие бесплатные альтернативы?

  • @Helly93

    @Helly93

    10 ай бұрын

    Присоединяюсь к вопросу)

  • @user-op6jk8ro6m

    @user-op6jk8ro6m

    10 ай бұрын

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

  • @SLAYTLY
    @SLAYTLY6 ай бұрын

    Крутое видео. А как ты вывела плагины справа чтобы они были видны?

  • @rigayaya

    @rigayaya

    6 ай бұрын

    Figma EX

  • @Barashev
    @Barashev10 ай бұрын

    Такая умница божеж мой

  • @Jairodofigma
    @Jairodofigma26 күн бұрын

    skavuska!

  • @kvasayv5336
    @kvasayv53363 ай бұрын

    Подскажите как сделать в фигме таблицу, чтобы в html был код для table, а то у меня получается все дивами. Код смотрю через плагин AutoHTML. Может плагин криво работает. Подскажите как вы код смотрите?

  • @rigayaya

    @rigayaya

    3 ай бұрын

    Я не смотрю код потому что в нём не разбираюсь) таблицы делаю через АЛ и компоненты

  • @sevastyanyoung5778
    @sevastyanyoung57784 ай бұрын

    Господа, как сделать такую же менюшку плагинов?

  • @3DVad
    @3DVad4 ай бұрын

    6:00 Я этот дивайдер раз пять перематывал видео что бы его найти.. Риктенгел там написано в проекте а не дивайдер . а еще когда вы двигаете блоки у вас расстояние красным подсвечивает а у меня не подсвечивает.. А в целом вы большая умничка спасибо! За исключением того что все самые важные процессы закрываются вашим лицом. Например описание первая же строка постоянно ломается если повторять за вами.. А что бы увидите почему нужно вас подвинуть а вы не догадались

  • @shtormmen7171
    @shtormmen717110 ай бұрын

    я все равно ничего не понимаю зачем он нужен и без него же хорошо

  • @user-xi7ev2em8c
    @user-xi7ev2em8c10 ай бұрын

    Возможно глупый вопрос, но как у тебя быстро видны все отступы, куда ты не наведешь? 😅

  • @user-pl6rr2pw2q

    @user-pl6rr2pw2q

    10 ай бұрын

    Нужно зажимать ALT, когда выделен объект, от которого нужно посмотреть расстояние и навести курсор на объект до которого нужно узнать это расстояние (Кстати ответ на этот вопрос можно найти в любом поисковике) 😊☺😀

  • @user-pl6rr2pw2q

    @user-pl6rr2pw2q

    10 ай бұрын

    1) выделяем объект 2) зажимаем ALT 3) наводим на объект, до которого нужно посмотреть расстояние

  • @user-zk1kf6km5o
    @user-zk1kf6km5o10 ай бұрын

    Получается, в каждом макете нужно всë подряд загонять в автолэйаут?

  • @rigayaya

    @rigayaya

    10 ай бұрын

    В данном видео специально был выбран экран с большим количеством элементов, чтобы можно было на большом кол-ве примеров показать когда и как использовать АЛ. Можно и всё загонять, если ты это делаешь осознанно, а не лиж бы как) У меня АЛ уже на автомате в работе создаются, потому что реально почти везде им можно применение найти

  • @user-zk1kf6km5o

    @user-zk1kf6km5o

    10 ай бұрын

    @@rigayaya а все эти автолэйауты в иерархии можно безымянными оставить или нужно обязательно переименовывать их для верстальщиков?

  • @rigayaya

    @rigayaya

    10 ай бұрын

    @@user-zk1kf6km5o верхние слои иерархии можно переименовать, но прям каждый элемент - это уже лишнее))

  • @Nigora1982
    @Nigora19828 ай бұрын

    Я подожду может ешо чтота выйдить чтобы я роботала и зороботала😢

Келесі