Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Motion дизайн в Figma. Прототипирование и анимирование.
Rating: 4.8 out of 5(373 ratings)
1,526 students
Created byDmitrii Fokeev
Last updated 4/2026
Russian

What you'll learn

  • Изучите, как создавать современные визуальные стили в Figma
  • Освоите создание эффектов «стекла» (glassmorphism) в интерфейсах
  • Научитесь создавать 3D-эффекты из любых элементов в Figma
  • Освоите современные подходы к работе с градиентами и их анимацией
  • Полностью разберётесь в создании анимаций в Figma — от базовых до продвинутых
  • Научитесь создавать 360°-анимации прямо в Figma
  • Сможете создавать анимации в стиле Apple
  • Научитесь анимировать любые элементы интерфейса: кнопки, меню, иконки и др.
  • Освоите использование Variants для создания сложных и впечатляющих анимаций
  • Поймёте, как пользователи реально взаимодействуют с интерфейсами
  • Научитесь делать интерфейсы простыми, понятными и удобными

Course content

10 sections46 lectures5h 32m total length
  • О чем этот курс2:23
  • Скачиваем материалы1:48
  • Оставайтесь со мной на связи0:12

Requirements

  • Для прохождения курса, необходимы знания по основам программы figma.

Description

Курс для продолжающих обучение:

Этот курс для тех кто уже знает основы Figma, но хочет изучить способы прототипирования и анимации всех элементов макета


Внутри курса вас ждёт:


Введение в прототипирование в Figma: создание первой анимации, разбор вкладки Prototype и базовых настроек анимации.

Освоение ключевых параметров прототипов: скроллинг, поведение элементов (Fixed и Sticky), работа с overlay и настройка анимационных кривых.


Создание интерактивных элементов интерфейса: анимация приложения и навигационного меню.

Работа с компонентами и вариантами: понимание логики компонентов, вариантов, swap instance и переменных.


Освоение особенностей прототипирования с использованием вариантов и построение интерактивных меню.

Создание анимаций с использованием компонентов: прелоадеры, параллакс-эффекты и работа с несколькими действиями на один триггер.


Изучение продвинутых техник анимации, включая сложные сценарии взаимодействия.

Работа с видео и 3D-анимацией: покадровое прототипирование и создание 3D-эффектов.


Глубокое изучение переменных: создание цветовых переменных, токенов и alias.

Настройка светлой и тёмной темы в один клик с помощью переменных.


Прототипирование с использованием переменных: работа с Set Variable, табами и изменением нескольких переменных одновременно.


Понимание логики условий (IF/ELSE) в прототипировании.

Практика на примерах преподавателя и финальное закрепление материала.


Дополнительные техники анимации: градиенты, режимы наложения, Paper Cut эффект и создание 3D-элементов.


Что вас ждёт в курсе:


Большое количество видеоуроков по прототипированию и анимации в Figma.

Практические примеры и разбор реальных интерфейсных решений.

Пошаговое освоение всех инструментов — от базовых до продвинутых.

Финальная практика для закрепления навыков.

Сертификат по окончании курса.

Поддержка

Автор курса отвечает на все вопросы в комментариях к урокам — ежедневно.


Присоединяйтесь ко мне и вместе, мы изучим то как создавать классные анимации и крутые эффекты, прямо в Figma.


До встречи на уроках!

Who this course is for:

  • Для веб дизайнеров и веб разработчиков