Unity Generate UI vs 디자인-투-엔진: 에디터에서 생성할 때와 캔버스에서 내보낼 때

Unity 6부터 에디터는 프로젝트 내에서 화면을 만들 수 있는 자연어 / Generate UI 경로를 추가했습니다(일반적 출력: UI Toolkit UXML/USS, 정확한 메뉴와 기능은 Unity 버전에 따라 다름—이 글은 클릭 과정을 안내하지 않습니다). 많은 팀은 Figma / PSD → VberAI Studio 구조화 캔버스 → 결정적 Prefab 내보내기(캔버스 → Prefab, PSD to UGUI)도 함께 운영합니다. 둘 다 UI를 출시할 수 있지만 산출물의 형태와 유지보수가 다릅니다. 문서화된 경계 없이 혼용하면 흔히 이런 일이 생깁니다: 한 화면은 AI로 생성되고, 리스킨 업데이트는 내보낸 Prefab만 갱신—Generate 화면이 고아가 됩니다.

아래는 파이프라인 선택과 승인만 다룹니다(Unity 공식 기능 튜토리얼이 아님): 에디터 내부에서 Generate할 때와 디자인 소스 + 내보내기를 유지할 때; Prefab과 Play 규칙은 엔진 + MCP 체크리스트 및 출시 전 체크리스트와 일치합니다.

Godot / Cocos: Unity Generate UI에 해당하는 에디터 내장 “화면 전체를 설명” 기능은 없습니다. 디자인 없는 툴링 페이지는 여전히 씬 작업이나 Studio/내보내기를 의미하며, 디자인 주도 + Prefab 승인이 동일하게 적용됩니다.

실패 기준(하나라도 해당 = 미통과): 한 기능에 추적 불가능한 두 개의 UI 소스(일부는 Scene AI 전용, 일부는 Studio/Figma 내보내기, 스펙은 침묵); Generate 출력이 Prefab으로 체크인되지 않고 테스트 Scene에만 남음; 스펙과 픽셀/레이어 불일치에 서면 면제 없음; 리스킨 / 다국어가 AI 화면을 제외한 모든 곳에서 업데이트됨; Raycast / 버튼 상태가 핸드오프 항목 5와 불일치하고 Generate 화면이 단독으로 승인된 적 없음.

---

각 경로의 용도

차원	Unity 에디터 Generate UI / AI 지원	디자인 → Studio 캔버스 → Prefab 내보내기
입력	텍스트 프롬프트, 스케치, 기존 Scene 컨텍스트	Figma / PSD / 전체 화면 분할
일반적 출력	UXML/USS(UI Toolkit); 일부 흐름은 Scene 계층에 안착—여전히 Prefab 필요	프로젝트 UGUI Prefab(또는 내보내기 도구 구성 스택)
최적 용도	내부 툴, 디버그 패널, 레이아웃 실험	출시 HUD, 상점, 이벤트 스킨, 로케일 간 동일 구조
취약 용도	브랜드 완벽 1:1 아트, 잦은 리스킨	디자인 소스 없음, 구두로만 된 화면 스펙
유지보수	UXML/USS 편집 소유자; Generate가 다시 덮어쓸 수 있는가?	디자인 소스 + 전체 트리 재내보내기(i18n, 리스킨)

용어: Unity Canvas는 Scene 내 UGUI Canvas를 의미하며, Studio 캔버스는 VberAI의 중간 계층 분할/내보내기로 Unity 컴포넌트가 아닙니다.

경험 규칙: 화면이 아트가 자주 바뀌거나, 리스킨되거나, 다국어로 갈 경우 → 디자인 주도 + 결정적 내보내기 우선. 일회성, 단순 로직, 디자인 파일 없음 → 에디터에서 Generate해도 되지만 여전히 Prefab + 체크리스트 필요. 에디터에 Generate가 없다면 두 번째 절반만 따르세요.

---

Generate가 허용되는 경우(여전히 승인 필요)

다음 대부분에 해당하면 에디터 생성을 사용하세요—디자인 워크플로를 대체하지 않습니다:

조건	비고
Figma/PSD 프레임 없음	스프레드시트 툴, GM 패널, 임시 설정 페이지
UI Toolkit 허용	UXML/USS와 UGUI 병행은 문서화됨; 스펙에 UGUI Canvas vs Toolkit Panel 정렬 순서 명시
낮은 변경률	출시 후 리스킨 거의 없음; Studio 전체 트리 재내보내기 의존성 없음
외형보다 로직	기본 컨트롤로 충분; 무거운 나인슬라이스 패널 없음

Generate 후(6단계):

1. VCS에 Prefab — 테스트 Scene만이 아님(출시 전 항목 6).
2. 단일 UI 스택 정책 — 메인 HUD가 UGUI라면 Toolkit 화면을 스펙에 예외로 표시해 EventSystem / 입력 혼란을 방지.
3. Raycast와 버튼 상태 — MCP 체크리스트 항목 7–8과 동일 기준.
4. Safe Area / Scaler — 글로벌 HUD와 동일 기준(Safe Area QA).
5. 로케일 — 화면이 다국어로 출시된다면 생성된 문구를 문자열 테이블 + 스트레스 언어 스모크로 교체; 생성 ≠ 최종 문구.
6. 로직에 MCP — 껍데기는 Generate에서; Play는 MCP 체크리스트—“생성됨” ≠ 탭 가능하거나 상태가 올바름.

---

Generate가 디자인-투-엔진을 대체하면 안 되는 경우

신호	대신 사용
전체 Figma/PSD, 1:1 필요	Figma → Unity 또는 PSD 파이프라인; Generate는 개인 초안용만
이벤트 리스킨, 로케일별 동일 구조	Studio / 내보내기 체인; Generate 화면은 리스킨과 배치되지 않음
슬라이스 아트 / 비트맵 폰트 HUD	나인슬라이스, 데미지 숫자는 아트 스펙 필요; Generate는 인셋/폰트를 거의 보장하지 않음
Prefab YAML을 편집하는 LLM 없음	캔버스 → 엔진과 동일: 구조 변경은 결정적 내보내기로, 생성기가 리포 YAML을 편집하지 않음

---

라우팅 수정

증상	가능한 원인	조치	담당
리스킨 후 한 화면만 구버전	Generate 전용, 디자인 소스에 없음	디자인 프레임 추가, 영구 Toolkit 승인, 또는 재내보내기로 교체	엔지니어 + 디자이너
Generate 화면에서만 로케일 깨짐	하드코딩 문자열	문자열 테이블 또는 번역 내보내기	엔지니어 + 로컬라이제이션
클릭이 UGUI HUD와 충돌	Toolkit/UGUI 혼용 미문서화	입력 모듈 통합 또는 Canvas 분리	엔지니어
Generate가 수동 편집을 덮어씀	동일 UXML 재생성	Prefab 동결; VCS에서 수동 수정	엔지니어
목업과 다르게 보임	출시 UI에 Generate 사용	Figma/PSD → Prefab	디자이너 + 엔지니어

---

FAQ

Generate UI는 Cursor로 Prefab을 편집하는 것과 같은가요?
아니요. Generate는 에디터에서 UI 구조를 만들고, Cursor + MCP는 레퍼런스 바인딩과 Play 스모크에 맞습니다. 둘 다 디자인 핸드오프 체크리스트나 결정적 내보내기를 대체하지 않습니다.

모두 UGUI 프로젝트—그래도 Generate?
예, README/스펙에 문서화된 예외 스택으로; 그렇지 않으면 QA가 UGUI 기준을 Toolkit 화면에 적용합니다.

프로토타입 화면을 프로덕션 빌드에?
출시된다면 Prefab + 출시 전 체크리스트; 아니면 #if DEVELOPMENT_BUILD 또는 격리된 Scene—메인 HUD에 섞지 마세요.

VberAI Studio vs Unity Generate—하나만 선택?
아니요. VberAI Studio는 디자인 → Studio 캔버스 → Prefab; Generate는 아트 없는 프로젝트 내 빠른 UI. 출시 화면은 Studio/내보내기를 선호하고, Generate는 디자인되지 않은 툴 페이지를 채웁니다.

우리 Unity 버전에 Generate UI가 없나요?
Generate 분기를 건너뛰세요; 디자인-투-엔진 + 6가지 승인 단계 + 수정 표는 여전히 적용됩니다. Godot/Cocos 팀도 동일 규칙: 아트 → 내보내기; 아트 없음 → Prefab + 승인.