Продвинутое прототипирование с переменными в Фигме

Рассмотрим новые возможности прототипирования в Фигме, которые стали доступны благодаря переменным. Начнем с простых примеров дабы изучить функционал, а в конце видео соберем полноценный экран прототипа корзины товаров. Полезные видео по теме: Переменные в Фигме — Интерактивные компоненты в Фигме — EУмные анимации в Фигме (Smart animate) — Фигма файл с экраном корзины из видео (если вы хотите потренироваться на том же примере) — Мои курсы: Курс по Фигме — Курс по UI/UX дизайну — 00:00 - Простейший пример использования переменных в прототипе 06:56 - Использование переменных с текстом 09:21 - Выбор вариантов компонента с помощью переменных 13:37 - Интерактивный volume bar 15:42 - Введение в Conditionals (условия) 17:55 - Добавляем цветовую переменную к примеру с volume bar 23:11 - Смена фона по нажатию на toogle 27:14 - Пример прототипа с использование переменной boolean 32:44 - Закрепляем все изученное на сложном примере (интерактивная корзина товара) Подписывайтесь на соцсети: Телеграм: Инстаграм: Behance: Dribbble:
Back to Top