Unity Generate UI vs. Design-to-Engine: Wann im Editor generieren, wann aus Canvas exportieren

Ab Unity 6 fügt der Editor Natural-Language-/Generate-UI-Pfade hinzu, um Screens projektintern zu erstellen (typische Ausgabe: UI Toolkit UXML/USS; genaue Menüs und Fähigkeiten variieren je nach Unity-Version – dieser Beitrag führt nicht durch Klicks). Viele Teams nutzen außerdem Figma / PSD → VberStudio strukturierter Canvas → deterministischer Prefab-Export (Canvas → Prefab, PSD zu UGUI). Beide können UI ausliefern, aber Artefaktform und Wartung unterscheiden sich. Mischt man sie ohne schriftliche Grenzen, erhält man oft: ein Screen KI-generiert, während Reskin-Updates nur das exportierte Prefab aktualisieren – der Generate-Screen wird zur Waise.

Im Folgenden geht es nur um Pipeline-Wahl und Abnahme (nicht um Unitys offizielles Feature-Tutorial): wann im Editor generiert wird vs. wann eine Design-Quelle + Export beibehalten wird; Prefab- und Play-Regeln entsprechen der Engine-+-MCP-Checkliste und der Pre-Ship-Checkliste.

Godot / Cocos: Kein im Editor eingebautes „beschreibe den ganzen Screen“-Äquivalent zu Unity Generate UI. Tooling-Seiten ohne Design bedeuten weiterhin Scene-Arbeit oder Studio/Export; design-getriebene + Prefab-Abnahme gilt genauso.

Fehlerkriterien (eines davon = nicht bestanden): ein Feature hat zwei nicht nachverfolgbare UI-Quellen (Teil der Scene nur KI, Teil Studio/Figma-Export, Spec schweigt); Generate-Ausgabe nicht als Prefab eingecheckt, nur in einer Test-Scene verblieben; Pixel-/Layer-Abweichung zur Spec ohne schriftlichen Verzicht; Reskin / Mehrsprachigkeit überall aktualisiert außer im KI-Screen; Raycast / Button-Zustände widersprechen Handoff-Punkt 5 und der Generate-Screen wurde nie eigenständig abgenommen.

---

Wofür jeder Pfad gedacht ist

Dimension	Unity Editor Generate UI / KI-Unterstützung	Design → Studio-Canvas → Prefab-Export
Eingabe	Text-Prompt, Skizze, vorhandener Scene-Kontext	Figma / PSD / Full-Screen-Split
Typische Ausgabe	UXML/USS (UI Toolkit); manche Flows landen in der Scene-Hierarchie – trotzdem Prefab nötig	Projekt-UGUI-Prefab (oder exporter-konfigurierter Stack)
Am besten für	Interne Tools, Debug-Panels, Layout-Experimente	Shipping-HUD, Shop, Event-Skins, gleiche Struktur über Locales hinweg
Schwach für	Markenperfekte 1:1-Art, häufiges Reskin	Keine Design-Quelle, nur mündliche Screen-Spec
Wartung	Wer besitzt UXML/USS-Änderungen; kann Generate erneut überschreiben?	Design-Quelle + Full-Tree-Re-Export (i18n, Reskin)

Begriffe: Unity Canvas meint das UGUI-Canvas in einer Scene; Studio-Canvas ist VberAIs mittlere Schicht zum Split/Export – keine Unity-Komponente.

Faustregel: Screen wird häufig Art ändern, Reskin oder mehrsprachig → zuerst design-getrieben + deterministischer Export. Einmalig, einfache Logik, keine Design-Datei → Generate im Editor ist OK, aber trotzdem Prefab + Checkliste. Falls dein Editor kein Generate hat, folge nur der zweiten Hälfte.

---

Wann Generate OK ist (trotzdem abnehmen)

Nutze Editor-Generierung, wenn das meiste davon zutrifft – sie ersetzt keinen Design-Workflow:

Bedingung	Hinweise
Kein Figma/PSD-Frame	Spreadsheet-Tools, GM-Panels, temporäre Konfigseiten
UI Toolkit erlaubt	UXML/USS neben UGUI ist dokumentiert; UGUI Canvas vs. Toolkit Panel Sort Order in der Spec
Geringe Änderungsrate	Wenig Reskin nach Ship; keine Studio Full-Tree-Re-Export-Abhängigkeit
Logik über Aussehen	Standard-Controls OK; keine schweren Nine-Slice-Panels

Nach Generate (6 Schritte):

1. Prefab in VCS – nicht nur eine Test-Scene (Pre-Ship-Punkt 6).
2. Eine UI-Stack-Policy – wenn das Haupt-HUD UGUI ist, Toolkit-Screens als Ausnahmen in der Spec markieren, um EventSystem-/Input-Chaos zu vermeiden.
3. Raycast und Button-Zustände – gleiche Messlatte wie MCP-Checkliste Punkte 7–8.
4. Safe Area / Scaler – gleiche Baseline wie globales HUD (Safe-Area-QA).
5. Locales – wenn der Screen mehrsprachig ausgeliefert wird, generierten Text durch String-Tables + Stress-Sprach-Smoke ersetzen; Generierung ≠ finaler Text.
6. MCP für Logik – Hülle aus Generate; MCP-Checkliste für Play – „generiert“ ≠ tappbar oder zustandskorrekt.

---

Wann Generate Design-to-Engine nicht ersetzen darf

Signal	Stattdessen verwenden
Vollständiges Figma/PSD, 1:1 nötig	Figma → Unity oder PSD-Pipeline; Generate nur für persönliche Entwürfe
Event-Reskin, gleiche Struktur pro Locale	Studio-/Export-Kette; Generate-Screens lassen sich nicht mit Reskin bündeln
Geslicte Art / Bitmap-Font-HUD	Nine-Slice, Damage Numbers brauchen Art-Spec; Generate garantiert selten Insets/Fonts
Kein LLM, das Prefab-YAML bearbeitet	Wie bei Canvas zu Engine: strukturelle Änderungen über deterministischen Export, nicht über Generator-Edits am Repo-YAML

---

Routing zur Fehlerbehebung

Symptom	Wahrscheinliche Ursache	Aktion	Verantwortlich
Ein Screen nach Reskin veraltet	Nur Generate, nicht in Design-Quelle	Design-Frame hinzufügen, permanentes Toolkit akzeptieren oder Re-Export ersetzen	Eng + Design
Locales brechen nur im Generate-Screen	Hartkodierte Strings	String-Tables oder Übersetzungs-Export	Eng + Loc
Klicks kämpfen mit UGUI-HUD	Toolkit/UGUI-Mix undokumentiert	Input-Modul vereinheitlichen oder Canvas splitten	Eng
Generate hat Hand-Edits überschrieben	Re-Generate derselben UXML	Prefab einfrieren; Hand-Fix in VCS	Eng
Sieht falsch aus vs. Mock	Generate für Shipping-UI genutzt	Figma/PSD → Prefab	Design + Eng

---

FAQ

Ist Generate UI dasselbe wie Cursor, das Prefabs bearbeitet?
Nein. Generate baut UI-Struktur im Editor; Cursor + MCP passt zu Referenz-Binding und Play-Smoke. Keines ersetzt die Design-Handoff-Checkliste oder deterministischen Export.

Alles-UGUI-Projekt – trotzdem Generate?
Ja, als Ausnahme-Stack, dokumentiert in README/Spec; sonst legt QA UGUI-Messlatten an Toolkit-Screens an.

Prototyp-Screen im Production-Build?
Wenn er ausgeliefert wird: Prefab + Pre-Ship-Checkliste; sonst #if DEVELOPMENT_BUILD oder isolierte Scene – nicht ins Haupt-HUD mischen.

VberStudio vs. Unity Generate – eines wählen?
Nein. Studio ist Design → Studio-Canvas → Prefab; Generate ist schnelle UI ohne Art im Projekt. Shipping-Screens bevorzugen Studio/Export; Generate füllt nicht designierte Tool-Seiten.

Kein Generate UI in unserer Unity-Version?
Überspringe den Generate-Zweig; Design-to-Engine + sechs Abnahmeschritte + Fix-Tabelle gelten weiterhin. Godot/Cocos-Teams nutzen dieselbe Regel: Art → Export; keine Art → Prefab + Abnahme.