Как создать анимацию при скролле в Figma // Смарт анимация // Прототип в Figma

В этом видео я покажу, как создать анимацию при скролле в Figma. Вы узнаете, как использовать функцию "Смарт анимация" (Smart Animate) для создания интересных эффектов при прокрутке страницы. Я также покажу, как создавать прототипы в Figma с помощью этих анимаций и как их настраивать.

Мы начнем с базовых настроек и подготовки макета в Figma, а затем перейдем к созданию анимации при скролле. Я расскажу о различных типах анимаций и покажу, как настроить параметры для каждого из них. Вы узнаете, как создавать плавную анимацию и как настроить ее скорость и задержку. Вы узнаете как создать набор компонентов (Component set). Расскажу как работает смарт анимация и случаи, когда она может работать неправильно.

Для создания анимации при скролле нужно будет испольльзовать прототип. Я покажу вам, как создать прототип в Figma и как связать блоки страницы с помощью созданных анимаций. Вы узнаете, как настроить тригеры (точки срабатывания) анимации в блоках и как настроить параметры анимации для каждой страницы.

Figma - самый популярный софт для веб-дизайна и создания интерфейсов. Программа по праву считается одним из главных инструментом среди веб и UX/UI-дизайнеров по всему миру. В этот курс я вложил свой 4х летний опыт, чтобы вы могли избежать множества ошибок, легко и быстро начать работать в Figma.
✔️Формат курса - видеозаписи уроков.
✔️Доступ к курсу ограничения по времени не имеет.
✔️Вы так же будете иметь к доступ к обновлениям курса и материалам добавленных в будущем.
❗️По возникающим вопросам - всегда готов к диалогу😉
Присоединяйся к Telegram каналу с полезными плюшками:

[djqnnyc]

Максим, благодарю! Урок максимально подробный и понятый. Респект за контент 🔥💯 Развития вашему каналу!

[orjxlmt]

Добрый день! Я делала другую анимацию, но на основе этого урока нашла свою ошибку, поняла, почему не получалось в одном месте. Счастью нет предела!)) Спасибо огромное за подробные объяснения!)))

[andrey_progame]

Очень полезное видео. Хочу стать UI/UX дизайнером, но самому учиться не просто. Такие ролики всегда очень помогают! С меня 👍

[jnygown]

Спасибо Вам огромное! Только вы помогли разобраться после дней поиской нужной информации! Делаю в школе лендинг и хотела сделать анимацию банковской карты, потом вставить ее надо было на лендинг сам...спасибо вам! Успехов!

[qggmfiq]

Очень, очень понравилось!Подписалась . Очень хорошая подача материала! Вы молодец!

[phonixmusic]

Спасибо большое, сижу пыхчу над проектом и не знал что бы добавить, наткнулся на ваше видео! Помогло!

[ettcfws]

Дружище, спасибо тебе огромное! Ты такой умничка. Ты буквально спас мой проект

[margaritaboretskaya]

Огромное спасибо! Так много уроков по анимации отдельных блоков, но никто не объясняет, как это всё на лендосе собрать. Наконец-то всё стало понятно

[sbnmuller]

вот это да! супер) пока сложновато для меня такое, однако захотелось попробовать реализовать подобное) спасибо

[gxxvvqy]

Максим, благодарю! Настроила анимацию в учебном проекте. Успехов тебе!

[wnzjbnq]

спасибо все понятно, то что я хотел узнать

[much_fire_zevs]

Спасибо, было очень интересно и узнал много нового, обьясняешь отлично!

[vasya]

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

[zjcurvh]

Поклон тебе в пояс, мил человек!!! Я уже мозг вывихнул, пытаясь это сделать в фигме...

[VeronikaSatur]

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

[teati]

Почему допустим выезжает только текст а фон нет ?

[vlrkrlv]

Максим, огромное спасибо! Самый понятный гайд, очень выручил

[sblknrb]

Здравствуйте! Скажите, пжл., а где можно скачать такой же Лендинг как у вас? Чтобы было понятнее о чем речь

[FORSX]

Все понятно. спасибо за контент, лайк! Такой вопрос - а как это все будет настраивать верстальшик? он не захочет тебя потом убить? )))

[MarynaSavchenko-bo]

Максим подскажите пожайлуста, я сделала все как вы сказали, но мой контент не изчезает за приделами фрейма. В чем может быть проблема??