Делюсь свежим кейсом, как AI помогает в работе продуктового дизайнера. На этой неделе прилетает задача-молния: сообщить пользователям о ребрендинге продукта. Формат — на мое усмотрение. Срок на всё — концепт, дизайн, согласование, передача в разработку и сама разработка — 🫡 ОДИН день.

Но это еще не все. Классические «но», конечно же тоже есть:
❌ Анимация не должна весить больше 512 КБ.
❌Разработкой должна заняться команда, у которой этой задачи даже не было в планах (и она еще о ней не в курсе).

Можно было пойти по самому простому пути, конечно: влепить статический алерт и закрыть таску. Но хотелось сделать что-то крОсивое и по-возможности эффектное.

План А и План Б
Первая мысль — сделать генеративные анимации через Midjourney или Claude. Быстро, но мимо. Любой результат весил от 5 МБ, что никак не вписывалось в ограничения.

Поэтому я пошел другим путем — через код, сгенерированный в Figma Make. Я не стал рисовать что-то с нуля, а взял наши внутренние наработки градиентов и сделал три простых макета, показывающих динамику их изменения.

Дальше — магия:
💫 Закинул эти три макета в Figma Make с промптом проанализировать динамику и подготовить анимацию в коде.
✨ Еще тремя-четырьмя промптами допилил результат: сделал адаптив под мобилку и десктоп, добавил эффект «вспышки» в первые секунды.
✨ На выходе получил два готовых файла: gradient.ts и app.tsx.

Презентация команде
На встречу с командой я пришел не с проблемой, а с готовым решением. Я показал два варианта:
💩 Базовый: быстрый, но скучный статический алерт.
💳 Альтернативный: готовая, легкая анимация, которую нужно просто добавить во фрейм.

Разработчику идея сразу понравилась. Продакт же обозначил свою позицию: если с анимацией возникнут сложности и она не заведётся за 15 минут, то идем в статичный варианта.

🏃‍♂️В итоге анимация завелась и уехала в прод. Мы получили крОсивое решение в супер сжатые сроки.

Ниже видоизмененный пример того, что получилось))

p.s. Урок на будущее: у таких анимаций могут быть приколы на iPhone, поэтому советую запаблишить анимашку в FigmaMake и погонять с разных устройств прям.