Figma Config 2026 — Анимация с помощью нового инструмента Figma Motion

На конференции Figma Config 2026 разработчики представили функционал, который ждали все ui/ux дизайнеры — встроенный инструмент для анимации Figma Motion. Теперь веб-дизайн и комплексная анимация в фигма выходят на совершенно новый уровень. Больше не нужно экспортировать слои в сторонние сервисы вроде After Effects, Gitter или Principle, чтобы создать анимацию прототипа. Всё делается нативно, быстро и внутри одной рабочей среды. В этом видео мы подробно разберем, как устроен новый моушн-режим в Figma, и протестируем его, включая ИИ-инструменты. Что в уроке: Знакомство с интерфейсом и таймлайном: Как переключить Figma в режим Motion, как устроена шкала времени и почему этот функционал фундаментально меняет современный веб дизайн. Ключевые кадры (Keyframes) и автоматическая анимация: Пошагово разберем, как анимировать позицию, масштаб (Scale), прозрачность (Opacity), размеры и цвет объектов. Настроим режим Toggle Auto Keyframing для автоматической расстановки ключей при перемещении элементов. Режимы воспроизведения таймлайна: В чем разница между Loop (петля) и Pin-pong и как управлять характером цикличного движения. Тайм-коды и комментарии: Фишка для командной работы — учимся оставлять правки прямо на таймлайне с жесткой привязкой к конкретному кадру Продвинутая работа с графиками скорости (Easings): Уходим от линейного движения. Настраиваем физически корректный и реалистичный отскок объектов с помощью кривых скорости. Переменные (Variables) и компоненты в Motion: Как...