Что это
Редактор графа узлов для экранов. Каждый узел — экран (Главное меню / Инвентарь / Настройки / Пауза / …) с опциональным изображением макета; рёбра представляют переходы, запускаемые действиями пользователя. Полезно для UX-обзоров и ввода новых UI-инженеров.
Когда использовать
- Проектирование нового потока экранов до создания макета в Figma.
- Показать команде, как инвентарь соединяется с крафтом, соединяется с магазином.
- Обнаружить UX-тупик (экран без пути назад).
- Брифинг UI-инженера по каждому переходу, который ему нужно заскриптовать.
Как использовать
- 1Нажмите «+ Добавить экран» и дайте ему имя.
- 2Загрузите изображение макета на узел экрана (опционально, но мощно).
- 3Перетащите от выходного порта экрана к другому, чтобы определить переход.
- 4Подпишите рёбра триггером («Открыть инвентарь», «Нажать B», «Предмет подобран»).
Полезные советы
- →Живые курсоры: коллеги, редактирующие тот же поток, видят движение друг друга.
- →Изображения макетов хранятся в R2 и считаются в бюджет хранилища вашего проекта.
- →Используйте цветовые категории для модального vs. полноэкранного vs. HUD-наложений.
- →Экспортируйте поток как PNG (правый клик по холсту → Экспорт) для слайд-деков.