Егор Резник @sfpqa23

2026-06-09 1408 (MSK) 6163930247.txt

---

Саммари ревью

💡 Одной строкой: единственная встреча круга, где макеты не смотрели вообще — весь созвон анимировали карусель в Jitter и собирали передачу анимации в разработку.

09.06.2026 · Егор Резник, авто и дом · 98 мин · ревьюер Жасур Эшмирзаев Темы: animation, dev-handoff, component-storage

1. Контекст

У Егора горящий компонент: карусель авто на главной, её ждёт разработчик Паша. Формат ревью свернули по обоюдному согласию — «пойдём по хардам», база Егору не нужна. Разобрали компонент, сняли лишние обёртки и полтора часа делали анимацию.

2. Темы

• animation — примитивы, композитные токены (Motion Scale preset), компонентные анимации.

• dev-handoff — блок «Интерактив» в Fintech Products UI как формат сдачи анимации.

• component-storage — Text Container State не использовать, вывести пропсами.

3. Решения и установки

• Значения анимаций кратны токенам DS: 200–300 мс на переходы, стандартный изинг cubic-bezier(0.42, 0, 0.58, 1). Изинги, которые предлагает Jitter, не использовать — в коде их дорого воспроизводить.

• Скейл при нажатии — 0.95 из Motion Scale preset, отдельная анимация на возврат в 100 %.

• Слои в Jitter называются как компоненты и слои в Figma: разработчик читает по ним, что именно двигается. «Ахинею писать нельзя».

• Сдача анимации = ссылка на Jitter + выгруженное видео + описание в блоке «Интерактив», с разделением на начало и конец события и типом действия (тап, свайп).

• Компонентные анимации (чекбоксы, свитчеры) могут не подчиняться общим примитивам — это норма.

4. Договорённости и действия

5. Вопросы дизайнера

• «Когда меняем компоненты, надо версию 2 добавлять?» → если компонента нет в коде, правим сразу; если есть — мажор или минор; отвечено.

• «Мы в неделю сможем общаться или только сегодня?» → в целом только сегодня, дальше медленнее. Просьба о продолжении — сигнал, что одного созвона на анимацию мало.

6. Для базы знаний

• Повторы: нет — встреча выпадает из общего ряда.

• Новое: весь пайплайн «Figma → Jitter → блок Интерактив → разработчик» нигде не описан, а он воспроизводимый — кандидат в отдельный документ. Плюс готовый шаблон сцены с девайсом и Product Selector как донор готовых анимаций индикатора карусели.

• Прислать до созвона стоило: страницу Motion Tokens и ссылку на шаблон сцены — на их поиск ушло время в начале.

7. Риски

• Работали на VPN и в офлайн-Figma, экспорт мог не сохраниться — проверяли вслепую.

• Лицензия Jitter не оплачена, видео выгружается плохим качеством; идея скинуться на одну лицензию на всех пока разговор.

• По словам Жасура, ни у кого в командах ещё нет корректно описанной и переданной в разработку анимации — эталона не существует.

Полная версия: ds-internal/design-reviews/2026-06-09-egor-auto-carousel.md