Рассмотрим новые возможности прототипирования в Фигме, которые стали доступны благодаря переменным. Начнем с простых примеров дабы изучить функционал, а в конце видео соберем полноценный экран прототипа корзины товаров.
Полезные видео по теме:
Переменные в Фигме - • Переменные в Фигме
Интерактивные компоненты в Фигме - • Интерактивные компонен...
EУмные анимации в Фигме (Smart animate) - • Умная анимация в Фигме...
Фигма файл с экраном корзины из видео (если вы хотите потренироваться на том же примере) - www.figma.com/file/JB5kI0kCn7...
Мои курсы:
Курс по Фигме - 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 - Закрепляем все изученное на сложном примере (интерактивная корзина товара)
Подписывайтесь на соцсети:
Телеграм: t.me/uiux_dsgn
Инстаграм: / disarto.digital
Behance: www.behance.net/Dexo
Dribbble: dribbble.com/Dexo
Негізгі бет Продвинутое прототипирование с переменными в Фигме
Пікірлер: 36