Как передавать анимации в разработку? В UI-дизайне есть несколько инструментов для анимации, но они решают разные задачи. Поэтому и передаются разработчикам по-разному. 📱 Figma В Figma можно сделать базовую прототипную анимацию: переходы между экранами, появление элементов, простые движения. Это помогает показать логику интерфейса и поведение экранов. Но передать такую анимацию напрямую в разработку нельзя — она служит визуальным референсом, а разработчики реализуют её вручную в коде. 📱 After Effects After Effects используется для проектирования и презентации анимации. В нём создают сложные motion-эффекты, показывают идею движения интерфейса, делают ролики для портфолио, презентаций и маркетинга. Передавать такую анимацию в разработку напрямую сложно: чаще всего используют Lottie, но многие эффекты (blur, distortion, displacement и т.п.) там не поддерживаются. Поэтому After Effects — это больше инструмент дизайна и демонстрации анимации, а не её прототипирования для приложения. 🔥 Сегодня до конца дня действует скидка 25% на мой курс Анимация интерфейсов с нуля. В нём учу делать анимацию в After Effects. ⌛️ Rive Rive, наоборот, создавался именно для анимаций, которые сразу работают в продукте. Анимация экспортируется в файл .riv, который разработчики подключают в iOS, Android, Web или Flutter. Благодаря state machine интерфейсные анимации можно управлять прямо из кода. Но возможности визуальных эффектов в Rive ограничены, поэтому он подходит больше для интерактивных UI-анимаций, чем для сложных motion-эффектов. 🖼️ Офферы для дизайнеров