В комментариях под прошлым видео вы спрашивали, как делать кликабельные прототипы в Figma. Дизайн-директор Pragmatica Леша Пьянков на примере проекта студии подробно разобрал весь процесс: от первых шагов до сложных переходов и анимаций. P.S. Кто посчитает, сколько раз Леша сказал «вот», тот монтирует нам ролик, но по вашему запросу. Figma проекта: https://www.figma.com/design/F8d6HoSaQoyEn6HNv5d4fq/Osmi%3A-%D0%BA%D0%BE%D0%BD%D1%86%D0%B5%D0%BF%D1%82-%2F-%D0%BF%D1%80%D0%BE%D1%82%D0%BE%D1%82%D0%B8%D0%BF?node-id=1-48&t=ySfwlkCAilpbIooN-1 Прошлое видео, где Леша подробно рассказывает об этапах работы над OSMI: https://youtu.be/K22tr_nl2sU?si=tRW2ZdRFCtgECbJl Наш Telegram-канал Senior Designer, который ведут дизайнеры Pragmatica: https://t.me/senior_designer_pragmatica Команда дизайна Pragmatica: https://www.pragmatica.design/?ysclid=m7x9sqyzab964897298 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 Итоги, благодарность и прощание