Назад

В Figma появилась анимация, и мы уже успели ее немного опробовать

150 
В конце июня появилась Figma Motion, и теперь простую анимацию можно делать прямо внутри макета, без постоянного перепрыгивания в After Effects.

Наш бренд-дизайнер Даня оценил фичу первым, поэтому спросили, как ему.

Раньше я анимировал так: делал дизайн в Figma, экспортировал каждый элемент отдельно в виде изображения, а потом переносил всё в After Effects. Уже после пересобирал макет чуть ли не попиксельно).

А если потом находил опечатку или хотел поправить элемент, нужно было вернуться в Figma, исправить, экспортировать, заменить в After Effects, проверить, не поехало ли что-то еще. Много действий и много времени, если коротко 🫠

С Figma Motion стало намного проще. Теперь можно один раз собрать макет в Figma и тут же начать его анимировать. Сами элементы остаются редактируемыми и векторными. Исправить опечатки или изменить элементы можно в пару кликов, это очень сильно экономит время!

Из минусов, которые успел заметить, рендер медленнее, чем в After Effects. Еще первое время непривычно работать с миллисекундами вместо кадров, но это мелочи.

В целом фича просто бомба! Для сложного моушена After Effects все еще никуда не делся, а вот для быстрых анимаций, презентаций, прототипов и небольших интерфейсных движений Figma Motion может сильно упростить жизнь.

Короче, нам нравится. Будем тестировать дальше и смотреть, как это приживется в проектах)