Figmotion для Figma. Делаем анимацию в Веб Дизайне прямо в Figma.

YOUTUBE · 30.11.2025 09:41

Ключевые темы и таймкоды

Введение

0:00
  • Александр Сакирка представляет канал "Быть программистом" и объясняет, что сегодня они будут учиться делать анимации в дизайне.

Установка плагина

0:59
  • Александр устанавливает плагин "Фиг Моушен" для работы с анимациями в Figma.

Создание нового фрейма для анимации

1:26
  • Александр создает новый фрейм для анимации слайдера и выбирает его размер.

Работа с плагином анимации

3:15
  • Александр объясняет, как использовать плагин анимации для создания анимации в Figma.
  • Он демонстрирует, как настроить свойства анимации для разных элементов и создать простую анимацию.

Работа с непрозрачностью

7:09
  • В этом видео мы рассмотрим, как работать с непрозрачностью в программе Figma.
  • Мы будем использовать анимацию для изменения непрозрачности элемента.

Работа с временем анимации

8:09
  • Мы будем работать с временем анимации, чтобы определить, как долго будет происходить анимация.
  • Мы также рассмотрим, как изменить расположение элемента на оси координат.

Работа с опасить

9:04
  • Мы будем работать с опасить, чтобы изменить прозрачность элемента.
  • Мы также рассмотрим, как начать анимацию с определенной точки.

Экспорт и рендеринг анимации

11:00
  • Мы экспортируем анимацию в виде файла с кей-фреймами.
  • Мы также можем сохранить анимацию в виде видео, используя функцию рендеринга.

Заключение

13:39
  • В заключение, мы рассмотрим, как использовать ссылку на видео рендеринга для передачи анимации разработчику.
  • Мы также предлагаем перейти на наш курс по дизайну, если вы хотите стать профессионалом в этой области.