Unity Generate UI so với đưa thiết kế vào engine: Khi nào Generate trong Editor, khi nào xuất từ canvas

Từ Unity 6, Editor có thêm đường Generate UI / mô tả bằng ngôn ngữ tự nhiên để dựng màn trong project (thường ra UI Toolkit UXML/USS; menu và khả năng thay theo phiên bản Unity—bài này không hướng dẫn từng click). Nhiều team song song Figma / PSD → canvas Studio VberAI có cấu trúc → xuất Prefab xác định (canvas → Prefab, PSD sang UGUI). Cả hai đều ship UI nhưng hình dạng artifact và cách bảo trì khác nhau. Trộn mà không ghi ranh giới thường dẫn tới: một màn AI-generate, reskin chỉ cập nhật Prefab xuất từ thiết kế—màn Generate thành mồ côi.

Phần dưới chỉ chọn pipeline và nghiệm thu (không phải tutorial chính thức Unity): khi Generate trong Editor vs giữ nguồn thiết kế + xuất; quy tắc Prefab và Play khớp checklist engine + MCP và checklist trước ship.

Godot / Cocos: Không có tương đương Editor “mô tả cả màn” như Unity Generate UI. Trang tool không có thiết kế vẫn cần scene hoặc Studio/xuất; thiết kế làm chủ + nghiệm thu Prefab áp dụng tương tự.

Tiêu chí không đạt (bất kỳ điều nào): một tính năng có hai nguồn UI không truy vết (một phần Scene chỉ AI, một phần Studio/Figma xuất, spec im lặng); kết quả Generate không check-in Prefab, chỉ trong Scene test; lệch pixel/lớp so với spec không có miễn trừ bằng văn bản; reskin / đa ngôn ngữ cập nhật mọi nơi trừ màn AI; Raycast / trạng thái nút lệch mục bàn giao 5 và màn Generate chưa được nghiệm thu riêng.

---

Mỗi đường giải quyết gì

Chiều	Generate UI / AI trong Unity Editor	Thiết kế → canvas Studio → xuất Prefab
Đầu vào	Prompt, phác, ngữ cảnh Scene	Figma / PSD / tách full-screen
Đầu ra thường gặp	UXML/USS (UI Toolkit); một số luồng vào hierarchy Scene—vẫn phải Prefab	UGUI Prefab dự án (hoặc stack cấu hình exporter)
Hợp nhất	Tool nội bộ, panel debug, thử layout	HUD ship, shop, skin sự kiện, cùng cấu trúc đa locale
Yếu khi	Art thương hiệu 1:1, reskin thường xuyên	Không có nguồn thiết kế, spec chỉ bằng miệng
Bảo trì	Ai sửa UXML/USS; Generate có ghi đè lại?	Nguồn thiết kế + xuất lại cả cây (i18n, reskin)

Thuật ngữ: Unity Canvas là Canvas UGUI trong Scene; canvas Studio là tầng giữa tách/xuất của VberAI—không phải component Unity.

Quy tắc nhanh: màn sẽ đổi art, reskin, đa ngôn ngữ thường xuyên → ưu tiên thiết kế + xuất xác định. Một lần, logic đơn giản, không file thiết kế → Generate trong Editor được nhưng vẫn Prefab + checklist. Editor không có Generate thì chỉ làm nửa sau.

---

Khi Generate được phép (vẫn phải nghiệm thu)

Dùng Generate trong Editor khi phần lớn điều sau đúng—không thay workflow thiết kế:

Điều kiện	Ghi chú
Không có frame Figma/PSD	Tool bảng, panel GM, trang cấu hình tạm
Cho phép UI Toolkit	UXML/USS cạnh UGUI đã ghi spec; thứ tự UGUI Canvas vs Toolkit Panel
Tần suất đổi thấp	Ít reskin sau ship; không phụ thuộc xuất lại cả cây Studio
Logic hơn giao diện	Control sẵn đủ; không panel nine-slice nặng

Sau Generate (6 bước):

1. Prefab vào VCS — không chỉ Scene test (mục trước ship 6).
2. Một chính sách UI stack — HUD chính UGUI thì đánh dấu màn Toolkit là ngoại lệ trong spec, tránh EventSystem / input lộn xộn.
3. Raycast và trạng thái nút — cùng mức MCP checklist mục 7–8.
4. Safe Area / Scaler — cùng baseline HUD toàn cục (Safe Area QA).
5. Locale — nếu ship đa ngôn ngữ, thay copy generate bằng bảng chuỗi + smoke ngôn ngữ stress; generate không phải bản cuối.
6. MCP cho logic — vỏ từ Generate; Play theo MCP checklist—“đã generate” ≠ bấm được hoặc đúng trạng thái.

---

Khi Generate không được thay đường thiết kế → engine

Tín hiệu	Dùng thay
Figma/PSD đủ, cần 1:1	Figma → Unity hoặc pipeline PSD; Generate chỉ nháp cá nhân
Reskin sự kiện, cùng cấu trúc mỗi locale	Chuỗi Studio / xuất; màn Generate không batch với reskin
Art sliced / HUD font bitmap	Nine-slice, số damage cần spec art; Generate hiếm đảm bảo inset/font
Cấm LLM sửa YAML Prefab	Giống canvas vào engine: đổi cấu trúc qua xuất xác định, không sửa YAML repo bằng generator

---

Định tuyến sửa

Triệu chứng	Nguyên nhân có thể	Hành động	Chủ trì
Một màn cũ sau reskin	Chỉ Generate, không trong nguồn thiết kế	Thêm frame thiết kế, chấp nhận Toolkit vĩnh viễn, hoặc xuất lại thay	Eng + design
Locale chỉ vỡ màn Generate	Chuỗi hard-code	Bảng chuỗi hoặc xuất dịch	Eng + loc
Click đá nhau với HUD UGUI	Trộn Toolkit/UGUI chưa ghi	Thống nhất input hoặc tách Canvas	Eng
Generate ghi đè sửa tay	Generate lại cùng UXML	Đóng băng Prefab; sửa tay trong VCS	Eng
Sai so với mock	Dùng Generate cho UI ship	Figma/PSD → Prefab	Design + eng

---

Câu hỏi thường gặp

Generate UI có giống Cursor sửa Prefab không?
Không. Generate dựng cấu trúc UI trong Editor; Cursor + MCP hợp gắn reference và smoke Play. Cả hai không thay checklist bàn giao thiết kế hay xuất xác định.

Project toàn UGUI—vẫn Generate?
Có, như stack ngoại lệ ghi README/spec; không thì QA áp chuẩn UGUI lên màn Toolkit.

Màn prototype vào build production?
Nếu ship thì Prefab + checklist trước ship; không thì #if DEVELOPMENT_BUILD hoặc Scene riêng—đừng trộn vào HUD chính.

VberAI Studio vs Unity Generate—chọn một?
Không. Studio là thiết kế → canvas Studio → Prefab; Generate là UI nhanh trong project không có art. Màn ship ưu tiên Studio/xuất; Generate lấp trang tool chưa có thiết kế.

Unity không có Generate UI?
Bỏ nhánh Generate; thiết kế → engine + sáu bước nghiệm thu + bảng sửa vẫn áp dụng. Godot/Cocos cùng quy tắc: có art → xuất; không art → Prefab + nghiệm thu.