Прототип с переменными: создайте процесс адаптации
Figma
0:00 / 0:00
Прототип с переменными: создайте процесс адаптации
87 257 просмотров · 2 года назад
Figma
786 тыс. подписчиков
87 257 просмотров · 2 года назад
Figma бесплатна для использования. Зарегистрируйтесь здесь: https://bit.ly/3msp0OV
В этом руководстве мы используем переменные, интерактивные компоненты и условную логику для создания прототипа. Эти расширенные функции позволяют нам быстрее создавать прототипы, уменьшать потребление памяти и минимизировать время обслуживания.
Чтобы продолжить, скачайте копию дизайна из файла сообщества здесь: https://www.figma.com/community/file/...
Ознакомьтесь с написанными мини-проектами из Справочного центра Figma:
Создание анимации загрузки: https://help.figma.com/hc/en-us/artic...
Создание адаптивной карточки с автоматической компоновкой и ограничениями: https://help.figma.com/hc/en-us/artic...
Создание процесса адаптации с помощью расширенного прототипирования: https://help.figma.com/hc/en-us/artic...
Чтобы узнать больше о расширенных функциях прототипирования, посмотрите наш предыдущий видеоурок по расширенному прототипированию. ( • Figma tutorial: Prototype with variables ), статью в Справочном центре (https://bit.ly/46r2JsX) и поэкспериментируйте с файлом игровой площадки сообщества Figma (https://bit.ly/3JhgTT9), созданным нашими экспертами-дизайнерами.
Если вы новичок в работе с переменными, посмотрите видеоурок «Введение в переменные» здесь: • Figma tutorial: Intro to variables
Если вы новичок в создании прототипов в Figma, посмотрите плейлист с уроками по прототипированию здесь: https://bit.ly/3NC30l7
00:00 Вступление
00:39 Зачем нужно продвинутое прототипирование?
01:16 Создание булевых переменных для каждой темы
02:57 Назначение булевых переменных экземплярам тем
03:59 Быстрый тест
04:46 Назначение булевых переменных видимости карточек
05:32 Настройка кнопки «Продолжить»
09:48 Добавление кнопки «Пропустить»
________________________________________________
Найдите нас в ⬇️
X (ранее Twitter): / figma
Instagram: / figma
LinkedIn: / figma
Форум Figma: https://forum.figma.com/
____________________________________________________
#Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone #design #tips #DesignSystems #prototype #variables