Unity Generate UI vs Design-to-Engine: quando generare nell'Editor, quando esportare da Canvas

A partire da Unity 6, l’Editor aggiunge percorsi natural-language / Generate UI per costruire schermate in-project (output tipico: UI Toolkit UXML/USS; menu e capacità esatte variano in base alla versione di Unity—questo articolo non illustra i click). Molti team utilizzano anche Figma / PSD → canvas strutturato di VberStudio → export deterministico in Prefab (canvas → Prefab, PSD to UGUI). Entrambi possono produrre UI, ma la forma dell’artefatto e la manutenzione differiscono. Mescolali senza confini scritti e spesso ottieni: una schermata generata dall’AI mentre il reskin aggiorna solo il Prefab esportato—la schermata Generate diventa un orfano.

Quella che segue è solo scelta di pipeline e accettazione (non un tutorial ufficiale sulle funzionalità di Unity): quando generare dentro l’Editor vs quando mantenere una sorgente di design + export; le regole per Prefab e Play sono allineate alla checklist engine + MCP e alla checklist pre-ship.

Godot / Cocos: Non esiste un equivalente Editor-built “descrivi l’intera schermata” al Generate UI di Unity. Le pagine di tooling senza design richiedono comunque lavoro sulla scena o Studio/export; design-driven + accettazione Prefab si applica allo stesso modo.

Criteri di fallimento (uno qualsiasi = non superato): una funzionalità ha due sorgenti UI non tracciabili (parte della Scene solo AI, parte export Studio/Figma, spec silente); output di Generate non committato come Prefab, lasciato solo in una Scene di test; mismatch pixel/layer rispetto alla spec senza waiver scritto; reskin / multilingua aggiornato ovunque tranne che nella schermata AI; Raycast / stati dei pulsanti in disaccordo con l’item 5 dell’handoff e la schermata Generate mai accettata autonomamente.

---

A cosa serve ciascun percorso

Dimensione	Unity Editor Generate UI / AI assist	Design → canvas Studio → export Prefab
Input	Prompt testuale, sketch, contesto Scene esistente	Figma / PSD / split full-screen
Output tipico	UXML/USS (UI Toolkit); alcuni flussi finiscono nella gerarchia Scene—comunque da Prefabbricare	Prefab UGUI di progetto (o stack configurato dall’exporter)
Ideale per	Tool interni, pannelli di debug, esperimenti di layout	HUD di produzione, shop, skin di eventi, stessa struttura tra locale
Debole per	Arte 1:1 perfetta per il brand, reskin frequente	Nessuna sorgente di design, spec di schermata solo verbale
Manutenzione	Chi possiede le modifiche a UXML/USS; Generate può sovrascrivere di nuovo?	Sorgente di design + re-export dell’albero completo (i18n, reskin)

Termini: Unity Canvas indica la Canvas UGUI in una Scene; canvas Studio è lo split/export dello strato intermedio di VberAI—non un componente Unity.

Regola pratica: la schermata cambierà arte spesso, subirà reskin o andrà multilingua → prima design-driven + export deterministico. One-off, logica semplice, nessun file di design → Generate nell’Editor va bene, ma comunque Prefab + checklist. Se il tuo Editor non ha Generate, segui solo la seconda metà.

---

Quando Generate va bene (comunque da accettare)

Usa la generazione nell’Editor quando la maggior parte di queste condizioni è vera—non sostituisce il workflow di design:

Condizione	Note
Nessun frame Figma/PSD	Tool a foglio di calcolo, pannelli GM, pagine di config temporanee
UI Toolkit consentito	UXML/USS accanto a UGUI è documentato; ordinamento UGUI Canvas vs Toolkit Panel nella spec
Basso tasso di cambiamento	Poco reskin post-ship; nessuna dipendenza da re-export dell’albero completo di Studio
Logica più dell’aspetto	Controlli stock OK; nessun pannello pesante nine-slice

Dopo Generate (6 passi):

1. Prefab in VCS — non solo una Scene di test (item 6 pre-ship).
2. Politica di un solo stack UI — se l’HUD principale è UGUI, marca le schermate Toolkit come eccezioni nella spec per evitare caos di EventSystem / input.
3. Raycast e stati dei pulsanti — stesso standard degli item 7–8 della checklist MCP.
4. Safe Area / Scaler — stessa baseline dell’HUD globale (Safe Area QA).
5. Locale — se la schermata va multilingua, sostituisci il testo generato con string tables + smoke test in lingua stress; generazione ≠ copy finale.
6. MCP per la logica — shell da Generate; checklist MCP per il Play—“generato” ≠ tappabile o corretto negli stati.

---

Quando Generate non deve sostituire design-to-engine

Segnale	Usa invece
Figma/PSD completo, serve 1:1	Figma → Unity o pipeline PSD; Generate solo per bozze personali
Reskin di eventi, stessa struttura per locale	Catena Studio / export; le schermate Generate non si batchano con il reskin
Arte slice / HUD con bitmap-font	Nine-slice, numeri di danno richiedono spec d’arte; Generate raramente garantisce inset/font
Nessun LLM che modifica il Prefab YAML	Come in canvas to engine: modifiche strutturali via export deterministico, non edit del generatore sul YAML del repo

---

Routing delle correzioni

Sintomo	Causa probabile	Azione	Owner
Una schermata vecchia dopo il reskin	Solo Generate, non nella sorgente di design	Aggiungi frame di design, accetta Toolkit permanente, o re-export sostitutivo	Eng + design
Le locale si rompono solo sulla schermata Generate	Stringhe hard-coded	String tables o export per traduzione	Eng + loc
I click confliggono con l’HUD UGUI	Mix Toolkit/UGUI non documentato	Unifica input module o separa Canvas	Eng
Generate ha sovrascritto modifiche manuali	Re-Generate dello stesso UXML	Congela il Prefab; correggi a mano in VCS	Eng
Sembra sbagliato rispetto al mock	Generate usato per UI di produzione	Figma/PSD → Prefab	Design + eng

---

FAQ

Generate UI è la stessa cosa di Cursor che modifica i Prefab?
No. Generate costruisce la struttura UI nell’Editor; Cursor + MCP si occupa di reference binding e Play smoke. Nessuno dei due sostituisce la checklist di design handoff o l’export deterministico.

Progetto tutto UGUI—usare comunque Generate?
Sì, come stack di eccezione documentato in README/spec; altrimenti il QA applica gli standard UGUI alle schermate Toolkit.

Schermata prototipo nella build di produzione?
Se viene rilasciata, Prefab + checklist pre-ship; altrimenti #if DEVELOPMENT_BUILD o Scene isolata—non mescolare nell’HUD principale.

VberStudio vs Unity Generate—sceglierne uno?
No. Studio è design → canvas Studio → Prefab; Generate è UI rapida senza arte in-project. Le schermate di produzione preferiscono Studio/export; Generate riempie pagine di tool non progettate.

Nessun Generate UI nella nostra versione di Unity?
Salta il ramo Generate; design-to-engine + i sei passi di accettazione + tabella di correzione si applicano comunque. I team Godot/Cocos usano la stessa regola: arte → export; niente arte → Prefab + accettazione.