Кликабельный прототип в Figma: разбор от дизайн-студии. Переходы, анимации, push | Практика #11

В комментариях под прошлым видео вы спрашивали, как делать кликабельные прототипы в Figma. Дизайн-директор Pragmatica Леша Пьянков на примере проекта студии подробно разобрал весь процесс: от первых шагов до сложных переходов и анимаций. P.S. Кто посчитает, сколько раз Леша сказал «вот», тот монтирует нам ролик, но по вашему запросу. Figma проекта:
Прошлое видео, где Леша подробно рассказывает об этапах работы над OSMI:    • Этапы работы над проектом в Figma: Разбор ...   Наш Telegram-канал Senior Designer, который ведут дизайнеры Pragmatica:
Команда дизайна Pragmatica:
00:00 Вступление. Что сегодня соберем в Figma? 00:38 Прокликиваем финальный вариант прототипа OSMI 01:35 Как выглядит сценарий прототипа в Figma? Разбираем структуру 01:51 С чего начать сборку кликабельного прототипа? Простая инструкция 04:06 Плавные переходы между экранами — как их настроить? 07:15 Легкий путь к сборке прототипа (берем «колбасу») 07:56 Как добавить скролл экранов в прототип? 09:07 Расположение шапки на макете: важные нюансы 11:52 Анимация по тапу – делаем красиво и удобно 16:04 Как настроить всплывающий push?Простая механика 19:55 Сложный переход по клику – как его сделать? 22:25 Убираем push на втором экране 23:19 Финальная сборка контента на второй странице 26:00 Итоги, благодарность и прощание