Прототипирование интерфейсов
Прототип помогает проверить сценарий до разработки. Здесь собраны инструкции по Figma, разборы подходов и инструменты для интерактивных переходов.
- 01Переменные и условия: как быстро сделать в Фигме нелинейный прототипРесурс "Переменные и условия: как быстро сделать в Фигме нелинейный прототип" для создания интерактивных прототипов; пригодится как справка, пример или рабочая ссылка.
- 02ЯндексМатериал "Яндекс" для создания интерактивных прототипов; подойдет для изучения подходов и практических решений.
- 03PlayИнструмент для быстрого создания интерактивных прототипов и проверки мобильных сценариев.
- 04Play · Design and ship mobile apps with the power of iOS & SwiftUIСервис "Play · Design and ship mobile apps with the power of iOS & SwiftUI" для создания интерактивных прототипов; можно использовать как рабочий инструмент или источник готовых решений.
- 05Собираем прототип в FigmaВидео из Miro-раздела «Прототипы» о сборке интерактивного прототипа в Figma.
- 06LottieLabИнструмент для создания и настройки Lottie-анимаций, которые можно использовать в прототипах и интерфейсах.
- 07Lottielab | Create and Edit Lottie AnimationsСервис "Lottielab | Create and Edit Lottie Animations" для создания интерактивных прототипов; можно использовать как рабочий инструмент или источник готовых решений.
- 08Применение прототипов в продуктовой работеМатериал о том, как прототипы помогают проверять гипотезы, сценарии и интерфейсные решения до полноценной разработки.
- 09RiveИнструмент для интерактивной векторной анимации, которую можно использовать для прототипов и живых интерфейсных состояний.
- 10Rive - Design and build production-ready graphics that run anywhereСервис "Rive - Design and build production-ready graphics that run anywhere" для создания интерактивных прототипов; можно использовать как рабочий инструмент или источник готовых решений.
- 11Плейлист по прототипированию в FigmaПлейлист из Miro-раздела «Прототипы» с практическими видео по созданию интерактивных прототипов.
- 12Framer: The website builder loved by designersСервис "Framer: The website builder loved by designers" для создания интерактивных прототипов; можно использовать как рабочий инструмент или источник готовых решений.
- 13ProtoPieИнструмент для создания сложных интерактивных прототипов с условиями, переменными и реалистичной логикой поведения.
- 14Анимация в FigmaВидео из Miro-раздела «Прототипы» о применении анимации в Figma для интерактивных сценариев.
- 15ProtoPie: Interactive Prototyping ToolСервис "ProtoPie: Interactive Prototyping Tool" для создания интерактивных прототипов; можно использовать как рабочий инструмент или источник готовых решений.
- 16Интерактивные прототипы в FigmaВидео о настройке интерактивности в Figma и сборке кликабельных прототипов для проверки UX-сценариев.
- 17Atomic design и прототипированиеВидео из Miro-раздела «Прототипы» о связи компонентного подхода, atomic design и интерактивных прототипов.
17 материалов в подборке.