Рассмотрим новые возможности прототипирования в Фигме, которые стали доступны благодаря переменным. Начнем с простых примеров дабы изучить функционал, а в конце видео соберем полноценный экран прототипа корзины товаров.
Полезные видео по теме:
Переменные в Фигме —
Интерактивные компоненты в Фигме —
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:Show more