Unity Generate UI vs Design-to-Engine: Cuándo generar en el Editor y cuándo exportar desde el Canvas

Desde Unity 6 en adelante, el Editor añade rutas de lenguaje natural / Generate UI para construir pantallas dentro del proyecto (salida típica: UI Toolkit UXML/USS; los menús y capacidades exactas varían según la versión de Unity—este artículo no recorre clics). Muchos equipos también ejecutan Figma / PSD → canvas estructurado de VberStudio → exportación determinista de Prefab (canvas → Prefab, PSD a UGUI). Ambos pueden entregar UI, pero la forma del artefacto y el mantenimiento difieren. Mézclalos sin límites escritos y a menudo obtendrás: una pantalla generada por IA mientras las actualizaciones de reskin solo tocan el Prefab exportado—la pantalla Generate queda huérfana.

A continuación solo se trata elección de pipeline y aceptación (no es el tutorial oficial de funciones de Unity): cuándo usar Generate dentro del Editor vs cuándo mantener una fuente de diseño + exportación; las reglas de Prefab y Play se alinean con la checklist de motor + MCP y la checklist previa al envío.

Godot / Cocos: No hay un equivalente en el Editor de “describir toda la pantalla” como Unity Generate UI. Las páginas de herramientas sin diseño siguen implicando trabajo de escena o Studio/exportación; la aceptación basada en diseño + Prefab aplica igual.

Criterios de fallo (cualquiera = no superado): una funcionalidad tiene dos fuentes de UI no rastreables (parte de la Escena solo con IA, parte exportada de Studio/Figma, especificación silenciosa); la salida de Generate no está registrada como Prefab, queda solo en una Escena de prueba; discrepancia de píxeles/capas respecto a la especificación sin exención escrita; reskin / multilingüe actualizado en todas partes excepto en la pantalla de IA; Raycast / estados de botón en desacuerdo con el punto 5 del handoff y la pantalla Generate nunca fue aceptada por sí sola.

---

Para qué sirve cada ruta

Dimensión	Unity Editor Generate UI / asistencia IA	Diseño → canvas Studio → exportación de Prefab
Entrada	Prompt de texto, boceto, contexto de Escena existente	Figma / PSD / división de pantalla completa
Salida típica	UXML/USS (UI Toolkit); algunos flujos aterrizan en la jerarquía de Escena—aun así debe ser Prefab	Prefab UGUI del proyecto (o stack configurado por el exportador)
Mejor para	Herramientas internas, paneles de depuración, experimentos de layout	HUD de envío, tienda, skins de eventos, misma estructura entre locales
Débil para	Arte 1:1 perfecto de marca, reskin frecuente	Sin fuente de diseño, especificación de pantalla solo verbal
Mantenimiento	Quién posee las ediciones de UXML/USS; ¿Generate puede sobrescribir de nuevo?	Fuente de diseño + reexportación de árbol completo (i18n, reskin)

Términos: Unity Canvas se refiere al Canvas de UGUI en una Escena; canvas Studio es la capa intermedia de división/exportación de VberAI—no es un componente de Unity.

Regla general: la pantalla cambiará de arte con frecuencia, tendrá reskin o será multilingüe → basada en diseño + exportación determinista primero. Única, lógica simple, sin archivo de diseño → Generate en el Editor está bien, pero igualmente Prefab + checklist. Si tu Editor no tiene Generate, sigue solo la segunda mitad.

---

Cuándo Generate está bien (aun así debe aceptarse)

Usa la generación del Editor cuando la mayoría de esto se cumpla—no reemplaza el flujo de diseño:

Condición	Notas
Sin frame de Figma/PSD	Herramientas de hoja de cálculo, paneles de GM, páginas de configuración temporales
UI Toolkit permitido	UXML/USS junto a UGUI está documentado; orden de clasificación de UGUI Canvas vs Toolkit Panel en la especificación
Baja tasa de cambio	Poco reskin post-envío; sin dependencia de reexportación de árbol completo de Studio
Lógica sobre apariencia	Controles estándar OK; sin paneles pesados de nine-slice

Después de Generate (6 pasos):

1. Prefab en VCS — no solo una Escena de prueba (punto 6 previo al envío).
2. Política de un solo stack de UI — si el HUD principal es UGUI, marca las pantallas de Toolkit como excepciones en la especificación para evitar caos de EventSystem / entrada.
3. Raycast y estados de botón — mismo estándar que los puntos 7–8 de la checklist de MCP.
4. Safe Area / Scaler — misma línea base que el HUD global (QA de Safe Area).
5. Locales — si la pantalla se envía multilingüe, reemplaza el texto generado con tablas de strings + smoke de idioma de estrés; generación ≠ texto final.
6. MCP para lógica — shell desde Generate; checklist de MCP para Play—“generado” ≠ tocable o con estados correctos.

---

Cuándo Generate no debe reemplazar el diseño-a-motor

Señal	Usar en su lugar
Figma/PSD completo, se necesita 1:1	Figma → Unity o pipeline PSD; Generate solo para borradores personales
Reskin de evento, misma estructura por local	Cadena de Studio / exportación; las pantallas Generate no se agruparán con reskin
HUD con arte dividido / fuente de mapa de bits	Nine-slice, números de daño necesitan especificación de arte; Generate rara vez garantiza insets/fuentes
Sin edición de YAML de Prefab por LLM	Igual que canvas a motor: cambios estructurales vía exportación determinista, no ediciones del generador al YAML del repositorio

---

Enrutamiento de correcciones

Síntoma	Causa probable	Acción	Responsable
Una pantalla queda antigua tras reskin	Solo Generate, no está en la fuente de diseño	Añadir frame de diseño, aceptar Toolkit permanente, o reexportar y reemplazar	Ing + diseño
Los locales fallan solo en la pantalla Generate	Strings hardcodeados	Tablas de strings o exportación de traducción	Ing + loc
Los clics chocan con el HUD UGUI	Mezcla Toolkit/UGUI no documentada	Unificar módulo de entrada o dividir Canvas	Ing
Generate sobrescribió ediciones manuales	Re-Generate del mismo UXML	Congelar Prefab; corregir a mano en VCS	Ing
Se ve mal respecto al mock	Generate usado para UI de envío	Figma/PSD → Prefab	Diseño + ing

---

FAQ

¿Generate UI es lo mismo que Cursor editando Prefabs?
No. Generate construye estructura de UI en el Editor; Cursor + MCP encaja en vinculación de referencias y smoke de Play. Ninguno reemplaza la checklist de handoff de diseño ni la exportación determinista.

¿Proyecto todo UGUI—aun así Generate?
Sí, como stack de excepción documentado en README/especificación; de lo contrario QA aplica los estándares de UGUI a las pantallas de Toolkit.

¿Pantalla de prototipo en build de producción?
Si se envía, Prefab + checklist previa al envío; si no, #if DEVELOPMENT_BUILD o Escena aislada—no mezclar en el HUD principal.

¿VberStudio vs Unity Generate—elegir uno?
No. Studio es diseño → canvas Studio → Prefab; Generate es UI rápida sin arte dentro del proyecto. Las pantallas de envío favorecen Studio/exportación; Generate llena páginas de herramientas sin diseño.

¿Sin Generate UI en nuestra versión de Unity?
Omite la rama Generate; diseño-a-motor + seis pasos de aceptación + tabla de correcciones siguen aplicando. Los equipos de Godot/Cocos usan la misma regla: arte → exportar; sin arte → Prefab + aceptación.