Интерактивные макеты в Figma и Principle: как дизайн-студия презентует концепты | Практика # 12

В этом видео на примере проекта BFS Денис Суворов, дизайн-лид Pramatica, показывает, как он собирает интерактивную версию макета и добавляет в него motion-анимацию. Важно было показать клиенту лендинг в действии, а разработке дать понять, какие анимации ожидаются в продакшене. Итоговый сайт:
Наш Telegram-канал:
Сайт дизайн-студии Pragmatica:
00:00 О чем поговорим 00:18 Кто клиент и какая задача 00:53 Где и для чего создаем интерактивную версию макетов 01:24 Смарт-анимация в Figma: как создавать и зачем используем 04:29 Детально разбираем, как работать с Principle при сложных анимациях 07:58 Как перенести макет из Figma в Principle 08:37 Как работать с макетом в Principle 15:01 Запись видео в Principle: важные особенности 17:52 Смотрим итоговый вариант