Перейти к содержимому

Прототип с переменными: создайте процесс адаптации

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