Кликабельный прототип в Figma: разбор от дизайн-студии. Переходы, анимации, push | Практика #11
В комментариях под прошлым видео вы спрашивали, как делать кликабельные прототипы в Figma. Дизайн-директор Pragmatica Леша Пьянков на примере проекта студии подробно разобрал весь процесс: от первых шагов до сложных переходов и анимаций. P.S. Кто посчитает, сколько раз Леша сказал «вот», тот монтирует нам ролик, но по вашему запросу. Figma проекта: https://www.figma.com/design/F8d6HoSa...
Прошлое видео, где Леша подробно рассказывает об этапах работы над OSMI: • Этапы работы над проектом в Figma: Разбор ... Наш Telegram-канал Senior Designer, который ведут дизайнеры Pragmatica: https://t.me/senior_designer_pragmatica
Команда дизайна Pragmatica: https://www.pragmatica.design/?ysclid...
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 Итоги, благодарность и прощание
