Unity Generate UI против Design-to-Engine: когда генерировать в редакторе, а когда экспортировать из Canvas
Генерация UI в Unity 6 Editor против Figma·PSD→Studio canvas→Prefab: границы, критерии провала и приёмка. Гид по выбору пайплайна, а не туториал по Generate.
- game-ui-design
- game-dev-ai
- ui-to-engine
- unity
- figma-to-unity
- ui-toolkit
- vberai
- 2026
Начиная с Unity 6, редактор добавляет пути генерации UI по естественному языку / Generate UI для сборки экранов прямо в проекте (типичный результат: UI Toolkit UXML/USS; точные меню и возможности зависят от версии Unity — в этом посте мы не проходим по кликам). Многие команды также используют Figma / PSD → структурированный canvas VberStudio → детерминированный экспорт Prefab (canvas → Prefab, PSD в UGUI). Оба подхода могут выпускать UI, но форма артефакта и поддержка различаются. Смешайте их без письменных границ — и часто получите: один экран сгенерирован ИИ, а при обновлении скина обновляется только экспортированный Prefab — сгенерированный экран становится сиротой.
Ниже — только выбор пайплайна и приёмка (не официальный туториал по функциям Unity): когда генерировать внутри редактора, а когда сохранять источник дизайна + экспорт; правила Prefab и Play согласуются с чек-листом движка + MCP и чек-листом перед релизом.
Godot / Cocos: нет встроенного в редактор аналога «опиши весь экран», как Unity Generate UI. Страницы инструментов без дизайна всё равно означают работу со сценой или Studio/экспорт; дизайн-ориентированный + приёмка Prefab применяется так же.
Критерии провала (любой один = не пройдено): у одной функции два неотслеживаемых источника UI (часть сцены только от ИИ, часть — экспорт Studio/Figma, в спецификации молчание); результат Generate не закоммичен как Prefab, остался только в тестовой сцене; несовпадение пикселей/слоёв со спецификацией без письменного отказа; скин / мультиязычность обновлены везде, кроме экрана ИИ; Raycast / состояния кнопок расходятся с пунктом 5 передачи, и сгенерированный экран никогда не принимался отдельно.
Для чего нужен каждый путь
| Измерение | Unity Editor Generate UI / ИИ-помощь | Дизайн → canvas Studio → экспорт Prefab |
|---|---|---|
| Вход | Текстовый промпт, скетч, контекст существующей сцены | Figma / PSD / разбиение полного экрана |
| Типичный результат | UXML/USS (UI Toolkit); некоторые потоки попадают в иерархию сцены — всё равно нужен Prefab | UGUI Prefab проекта (или стек, настроенный экспортёром) |
| Лучше всего для | Внутренних инструментов, отладочных панелей, экспериментов с раскладкой | Релизного HUD, магазина, скинов событий, одной структуры для всех локалей |
| Слабо для | Идеального 1:1 арта под бренд, частого рескина | Отсутствия источника дизайна, спецификации экрана только на словах |
| Поддержка | Кто владеет правками UXML/USS; может ли Generate перезаписать снова? | Источник дизайна + повторный экспорт всего дерева (i18n, рескин) |
Термины: Unity Canvas означает UGUI Canvas в сцене; canvas Studio — это средний слой разбиения/экспорта VberAI Studio, а не компонент Unity.
Правило большого пальца: экран будет часто менять арт, рескиниться или уходить в мультиязычность → сначала дизайн-ориентированный + детерминированный экспорт. Разовый, простая логика, нет файла дизайна → Generate в редакторе допустим, но всё равно Prefab + чек-лист. Если в вашем редакторе нет Generate, следуйте только второй половине.
Когда Generate допустим (всё равно нужно принять)
Используйте генерацию в редакторе, когда выполняется большинство условий — это не заменяет процесс работы с дизайном:
| Условие | Примечания |
|---|---|
| Нет фрейма Figma/PSD | Табличные инструменты, GM-панели, временные страницы конфигурации |
| UI Toolkit разрешён | UXML/USS рядом с UGUI документирован; порядок сортировки UGUI Canvas и Toolkit Panel в спецификации |
| Низкая частота изменений | Мало рескина после релиза; нет зависимости от повторного экспорта всего дерева из Studio |
| Логика важнее внешнего вида | Стандартные контролы подходят; нет тяжёлых панелей с nine-slice |
После Generate (6 шагов):
- Prefab в системе контроля версий — не только тестовая сцена (пункт 6 перед релизом).
- Единая политика стека UI — если основной HUD на UGUI, отметьте экраны Toolkit как исключения в спецификации, чтобы избежать хаоса EventSystem / ввода.
- Raycast и состояния кнопок — та же планка, что пункты 7–8 чек-листа MCP.
- Safe Area / Scaler — та же база, что у глобального HUD (QA Safe Area).
- Локали — если экран выходит на нескольких языках, замените сгенерированный текст на таблицы строк + стресс-тест языков; генерация ≠ финальный текст.
- MCP для логики — оболочка из Generate; чек-лист MCP для Play — «сгенерировано» ≠ кликабельно или корректно по состояниям.
Когда Generate не должен заменять design-to-engine
| Сигнал | Используйте вместо |
|---|---|
| Полный Figma/PSD, нужен 1:1 | Figma → Unity или пайплайн PSD; Generate только для личных черновиков |
| Рескин события, одна структура для каждой локали | Цепочка Studio / экспорта; сгенерированные экраны не будут пакетно обрабатываться при рескине |
| Нарезанный арт / HUD с битмап-шрифтом | Nine-slice, числа урона требуют спецификации арта; Generate редко гарантирует отступы/шрифты |
| Никакого редактирования Prefab YAML через LLM | То же, что canvas в движок: структурные изменения через детерминированный экспорт, а не правки генератором YAML в репозитории |
Маршрутизация исправлений
| Симптом | Вероятная причина | Действие | Владелец |
|---|---|---|---|
| Один экран устарел после рескина | Только Generate, нет в источнике дизайна | Добавить фрейм дизайна, принять постоянный Toolkit или заменить повторным экспортом | Инженер + дизайнер |
| Локали ломаются только на сгенерированном экране | Захардкоженные строки | Таблицы строк или экспорт перевода | Инженер + локализация |
| Клики конфликтуют с UGUI HUD | Смешение Toolkit/UGUI не задокументировано | Унифицировать модуль ввода или разделить Canvas | Инженер |
| Generate перезаписал ручные правки | Повторный Generate того же UXML | Заморозить Prefab; исправить вручную в системе контроля версий | Инженер |
| Выглядит не так, как макет | Generate использован для релизного UI | Figma/PSD → Prefab | Дизайнер + инженер |
FAQ
Generate UI — то же самое, что Cursor, редактирующий Prefab?
Нет. Generate строит структуру UI в редакторе; Cursor + MCP подходит для привязки ссылок и дымового теста Play. Ни то, ни другое не заменяет чек-лист передачи дизайна или детерминированный экспорт.
Проект полностью на UGUI — всё равно Generate?
Да, как стек исключений, задокументированный в README/спецификации; иначе QA применит планки UGUI к экранам Toolkit.
Прототип экрана в релизной сборке?
Если он выходит, Prefab + чек-лист перед релизом; иначе #if DEVELOPMENT_BUILD или изолированная сцена — не смешивайте с основным HUD.
VberStudio или Unity Generate — выбрать одно?
Нет. VberAI Studio — это дизайн → canvas Studio → Prefab; Generate — это быстрый UI без арта прямо в проекте. Релизные экраны предпочитают Studio/экспорт; Generate заполняет необозначенные страницы инструментов.
В нашей версии Unity нет Generate UI?
Пропустите ветку Generate; design-to-engine + шесть шагов приёмки + таблица исправлений всё равно применяются. Команды Godot/Cocos используют то же правило: есть арт → экспорт; нет арта → Prefab + приёмка.
Читайте дальше
Другие статьи, которые могут вам понравиться
Дизайн игрового UI: традиционный процесс против AI-арта + разделение в VberAI Studio
Сравнение ручной нарезки в PS/Figma и VberAI Studio: импорт или AI-генерация UI, авторазделение слоёв, экспорт слоёного PSD или наборов изображений. Эффекты, шаги и демо-видео.
- game-ui-design
- game-ui-designer-flow
- ui-slicing
- AIGC
Как настроить MCP для Godot и установить godot-mcp (Cursor, OpenCode)
Как настроить MCP (МСП) для Godot (Годот): скачать godot-mcp, положить в addons, включить плагин, запустить сервер и подключить Cursor или OpenCode. Отличие MCP-плагина от обычных аддонов AssetLib.
- godot
- mcp
- cursor
- tutorial
Чек-лист передачи Figma / PSD: как дизайн игрового UI избегает переделок
Для дизайнеров игрового UI: слои, именование, состояния кнопок, 9-slice и проверки локализации перед экспортом Figma-to-Unity или PSD-to-UGUI — ручная нарезка против структурированного экспорта, рескин и локализация UI для live-ops.
- game-ui-design
- figma-to-unity
- psd-to-unity
- ui-slicing