← 返回部落格

Unity Generate UI 與設計進引擎:什麼時候用內建生成,什麼時候走畫布匯出

Unity 6 Editor 內 AI/UI 生成與 Figma·PSD→Studio 畫布→Prefab 的邊界、失敗判據與驗收步驟;選型文,非 Generate 逐步教學。對齊 MCP 綁邏輯與發布前清單。

發布於
  • 遊戲UI設計
  • 遊戲開發AI提效
  • ui-to-engine
  • unity
  • figma-to-unity
  • ui-toolkit
  • vberai
  • 2026
Unity Generate UI 與設計進引擎:什麼時候用內建生成,什麼時候走畫布匯出

Unity 6 起,Editor 裡多了 用自然語言 / Generate UI 在專案內生成介面 的能力(常見產物是 UI Toolkit 的 UXML/USS;具體選單與能力隨 Unity 版本變化,本文不逐步示範)。團隊同時又有 Figma / PSD → VberAI Studio 結構化畫布 → 確定性 Prefab 匯出 的流程(畫布 → Prefab、PSD 切 UGUI)。兩條路都能出介面,產物形態與維護方式不同——混用而不寫清邊界,常見結果是:某一屏用 AI 生成、換皮時只更新了設計稿匯出的 Prefab,Generate 那屏成為孤兒。

下文只做 選型與驗收(不是 Unity 官方功能教學):何時在 Editor 內 Generate、何時堅持設計源 + 匯出;Play 與 Prefab 入庫規則對齊 進引擎 MCP 清單,發布前仍走 發布前自查。

Godot / Cocos: 沒有與 Unity Generate UI 等價的 Editor 內建「一句話出整屏」路徑;無稿工具頁仍靠場景手搭或 Studio/匯出鏈,設計驅動 + Prefab 驗收 原則相同。

失敗判據(任一即未通過): 同一功能介面存在 兩套不可追溯的 UI 源(部分 Scene 僅 AI 生成、部分僅 Studio/Figma 匯出,規格未說明);Generate 結果 未進版本庫 Prefab、僅留在 Scene;與企劃稿像素或層級不一致且無書面豁免;換皮 / 多語言 後 AI 屏未同步更新;Raycast / 按鈕狀態與 交稿自查第 5 項 不一致且未在 Generate 屏單獨驗收。


兩條路徑各自解決什麼

維度Unity Editor 內 Generate UI / AI 輔助設計稿 → Studio 畫布 → Prefab 匯出
輸入文字描述、草圖、現有 Scene 上下文Figma / PSD / 整屏稿拆分
典型輸出UXML/USS(UI Toolkit);少數流程會落到 Scene Hierarchy,仍須 Prefab 化專案約定的 UGUI Prefab(或匯出器配置的 UI 棧)
最強場景內部工具頁、除錯面板、快速試布局量產 HUD、商店、活動皮、多語言同結構
弱場景強視覺品牌稿 1:1 還原、頻繁換皮無設計源、純口頭描述一屏
維護需約定「誰改 UXML/USS」、是否允許再 Generate 覆蓋設計源 + 整樹重導(見 多語言、換皮)

術語: 下文 Unity Canvas 指 Scene 裡 UGUI 的 Canvas;Studio 畫布 指 VberAI 中間層整屏拆分與匯出,不是 Unity 元件。

決策簡則: 介面是否會 反覆改視覺、換皮、上多語 → 優先 設計驅動 + 確定性匯出;介面是否 一次性、邏輯簡單、無設計稿 → 可在 Editor 內 Generate,但仍須 Prefab 化 + 清單驗收。Editor 無 Generate 能力時,只執行後半條。


何時優先 Generate(仍要驗收)

滿足 大部分 時可選用 Editor 內生成,而不是否定設計流程:

條件說明
無對應 Figma/PSD 幀企劃表格、GM 工具、臨時活動配置頁
接受 UI Toolkit 棧專案規範允許 UXML/USS 與 UGUI 並存,且 UGUI Canvas 與 Toolkit Panel 排序 寫進規範
變更頻率低上線後很少換皮;不依賴 Studio 整樹重導
邏輯為主、視覺為輔標準按鈕/輸入框即可;無複雜 九宮格 面板

Generate 後必做(6 步):

  1. Prefab 入庫 — 禁止只留在測試 Scene(對照 發布前第 6 項)。
  2. 統一 UI 棧 — 若專案主 HUD 是 UGUI,Generate 的 Toolkit 屏須在規格中 標註例外,避免 EventSystem / 輸入鏈混亂。
  3. Raycast 與按鈕狀態 — 走 進引擎清單 第 7–8 項同等標準。
  4. Safe Area / Scaler — 與全域 HUD 相同基準(見 Safe Area 排查)。
  5. 多語言 — 若該屏要上線多語,Generate 裡的固定文案須改為 字串表 + 壓力語言 smoke,不能假設「生成即終稿」。
  6. MCP 綁邏輯 — 生成殼層後,用 MCP 清單 接 Play 驗收,不以「生成成功」代替可點、可切狀態。

何時不要靠 Generate 替代設計進引擎

訊號應用路徑
有完整 Figma/PSD 且要 1:1Figma → Unity 或 PSD 流程;Generate 僅作個人草稿
活動換皮、多語言同結構Studio / 匯出鏈;Generate 屏無法隨 換皮 批次更新
大量 Sliced / 位圖字 HUD九宮格、飄字 依賴 art 規格;Generate 難保證 inset 與字集
團隊禁止 LLM 改 Prefab YAML與 畫布進引擎 同一原則:結構變更走 確定性匯出,不用生成器直接改倉庫 YAML

回修路徑表

現象最可能原因建議動作負責
換皮後一屏仍是舊 UI該屏來自 Generate,未納入設計源補設計幀或接受該屏永久走 Toolkit;或重導替換程式 + 設計
多語只爆 Generate 屏硬編碼文案接字串表;或改走翻譯匯出程式 + 本地化
與 UGUI HUD 點擊衝突Toolkit/UGUI 混排未規範統一輸入模組或拆 Canvas程式
Generate 覆蓋手改重複對同一 UXML Generate凍結 Prefab;手改進版本庫程式
視覺與稿不符用 Generate 做量產屏改走 Figma/PSD → Prefab設計 + 程式

常見問題

Generate UI 和 Cursor 改 Prefab 是一類事嗎?
不是。Generate 在 Editor 內產 UI 結構;Cursor + MCP 適合 綁引用、Play smoke。兩者都不替代 設計交稿自查 與確定性匯出。

專案全 UGUI,還能 Generate 嗎?
可以,但應視為 例外棧,在 README/規格寫明;否則 QA 會按 UGUI 標準驗 Toolkit 屏。

原型屏要進正式包嗎?
若進包,就必須 Prefab 化並過發布前清單;否則用 #if DEVELOPMENT_BUILD 或獨立 Scene,避免混進主 HUD。

VberAI Studio 與 Unity Generate 二選一?
否。Studio 管 設計稿 → Studio 畫布 → Prefab;Generate 管 專案內無稿快速 UI。量產介面優先 Studio/匯出鏈,Generate 補無稿工具頁。

Unity 版本沒有 Generate UI 怎麼辦?
跳過 Generate 分支即可;設計進引擎 + 六步驗收 + 回修表 仍適用,Godot/Cocos 團隊同樣按「有稿走匯出、無稿 Prefab 化驗收」執行。

你可能還會喜歡這些文章