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

Рассмотрим новые возможности прототипирования в Фигме, которые стали доступны благодаря переменным. Начнем с простых примеров дабы изучить функционал, а в конце видео соберем полноценный экран прототипа корзины товаров.

Полезные видео по теме:
Переменные в Фигме —    • Переменные в Фигме  
Интерактивные компоненты в Фигме —    • Интерактивные компоненты в Фигме  
EУмные анимации в Фигме (Smart animate) —    • Умная анимация в Фигме (Smart Animate)  

Фигма файл с экраном корзины из видео (если вы хотите потренироваться на том же примере) — https://www.figma.com/file/JB5kI0kCn7...

Мои курсы:
Курс по Фигме — https://cloudlessons.ru/v/400/
Курс по UI/UX дизайну —    • Анонс курса по 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 - Закрепляем все изученное на сложном примере (интерактивная корзина товара)

Подписывайтесь на соцсети:
Телеграм: https://t.me/uiux_dsgn
Инстаграм:   / disarto.digital  
Behance: https://www.behance.net/Dexo
Dribbble: https://dribbble.com/Dexo