← Kembali ke blog

Unity Generate UI vs Design-to-Engine: Kapan Generate di Editor, Kapan Ekspor dari Canvas

Panduan batas, kriteria gagal, dan langkah acceptance antara Unity Generate UI vs Figma·PSD→canvas Studio→Prefab. Bukan tutorial langkah demi langkah.

Diterbitkan
  • game-ui-design
  • game-dev-ai
  • ui-to-engine
  • unity
  • figma-to-unity
  • ui-toolkit
  • vberai
  • 2026
Unity Generate UI vs Design-to-Engine: Kapan Generate di Editor, Kapan Ekspor dari Canvas

Sejak Unity 6, Editor menambahkan jalur natural-language / Generate UI untuk membangun layar di dalam proyek (output tipikal: UI Toolkit UXML/USS; menu dan kemampuan persisnya berbeda per versi Unity—artikel ini tidak memandu klik). Banyak tim juga menjalankan Figma / PSD → VberStudio structured canvas → ekspor Prefab deterministik (canvas → Prefab, PSD to UGUI). Keduanya bisa merilis UI, tetapi bentuk artefak dan pemeliharaannya berbeda. Campur keduanya tanpa batas tertulis dan Anda sering mendapat: satu layar di-generate AI sementara pembaruan reskin hanya memperbarui Prefab hasil ekspor—layar Generate menjadi yatim.

Berikut hanya pilihan pipeline dan acceptance (bukan tutorial fitur resmi Unity): kapan Generate di dalam Editor vs kapan mempertahankan sumber desain + ekspor; aturan Prefab dan Play selaras dengan checklist engine + MCP dan checklist pre-ship.

Godot / Cocos: Tidak ada padanan bawaan Editor untuk “jelaskan seluruh layar” seperti Unity Generate UI. Halaman tooling tanpa desain tetap berarti kerja scene atau Studio/ekspor; design-driven + acceptance Prefab berlaku sama.

Kriteria gagal (salah satu saja = tidak lulus): satu fitur punya dua sumber UI yang tak bisa dilacak (sebagian Scene hanya AI, sebagian ekspor Studio/Figma, spec bungkam); output Generate tidak di-check in sebagai Prefab, hanya tertinggal di Scene uji; piksel/layer tidak cocok dengan spec tanpa waiver tertulis; reskin / multibahasa diperbarui di mana-mana kecuali layar AI; Raycast / state tombol tidak sesuai dengan item handoff 5 dan layar Generate tidak pernah di-accept sendiri.


Untuk apa masing-masing jalur

DimensiUnity Editor Generate UI / bantuan AIDesign → Studio canvas → ekspor Prefab
InputPrompt teks, sketsa, konteks Scene yang adaFigma / PSD / pemisahan layar penuh
Output tipikalUXML/USS (UI Toolkit); sebagian alur berakhir di hierarki Scene—tetap harus PrefabUGUI Prefab proyek (atau stack yang dikonfigurasi exporter)
Terbaik untukTool internal, panel debug, eksperimen layoutHUD rilis, shop, skin event, struktur sama lintas locale
Lemah untukArt 1:1 sesuai brand, reskin seringTanpa sumber desain, spec layar hanya verbal
PemeliharaanSiapa yang memiliki edit UXML/USS; bisakah Generate menimpa lagi?Sumber desain + re-ekspor seluruh tree (i18n, reskin)

Istilah: Unity Canvas berarti UGUI Canvas di Scene; Studio canvas adalah lapisan tengah pemisahan/ekspor VberAI—bukan komponen Unity.

Aturan praktis: layar akan sering berubah art, reskin, atau multibahasa → design-driven + ekspor deterministik dulu. Sekali pakai, logika sederhana, tanpa file desain → Generate di Editor boleh, tetapi tetap Prefab + checklist. Jika Editor Anda tidak punya Generate, ikuti hanya paruh kedua.


Kapan Generate boleh (tetap harus di-accept)

Gunakan generasi Editor saat sebagian besar kondisi ini terpenuhi—ini tidak menggantikan alur kerja desain:

KondisiCatatan
Tanpa frame Figma/PSDTool spreadsheet, panel GM, halaman konfigurasi sementara
UI Toolkit diizinkanUXML/USS berdampingan dengan UGUI didokumentasikan; urutan sort UGUI Canvas vs Toolkit Panel ada di spec
Tingkat perubahan rendahSedikit reskin pasca-rilis; tanpa ketergantungan re-ekspor seluruh tree dari Studio
Logika di atas tampilanKontrol stok OK; tanpa panel nine-slice berat

Setelah Generate (6 langkah):

  1. Prefab di VCS — bukan hanya Scene uji (item pre-ship 6).
  2. Satu kebijakan stack UI — jika HUD utama UGUI, tandai layar Toolkit sebagai pengecualian di spec untuk menghindari kekacauan EventSystem / input.
  3. Raycast dan state tombol — standar sama dengan checklist MCP item 7–8.
  4. Safe Area / Scaler — baseline sama dengan HUD global (QA Safe Area).
  5. Locale — jika layar rilis multibahasa, ganti copy hasil generate dengan string table + smoke bahasa stres; generasi ≠ copy final.
  6. MCP untuk logika — shell dari Generate; checklist MCP untuk Play—“di-generate” ≠ bisa di-tap atau state benar.

Kapan Generate tidak boleh menggantikan design-to-engine

SinyalGunakan sebagai gantinya
Figma/PSD penuh, butuh 1:1Figma → Unity atau pipeline PSD; Generate hanya untuk draf pribadi
Reskin event, struktur sama per localeRantai Studio / ekspor; layar Generate tidak akan batch dengan reskin
Art ter-slice / HUD bitmap-fontNine-slice, damage number butuh spec art; Generate jarang menjamin inset/font
Tanpa LLM yang mengedit YAML PrefabSama seperti canvas ke engine: perubahan struktural lewat ekspor deterministik, bukan edit generator ke YAML repo

Routing perbaikan

GejalaKemungkinan penyebabTindakanPemilik
Satu layar ketinggalan setelah reskinHanya Generate, tidak ada di sumber desainTambah frame desain, terima Toolkit permanen, atau re-ekspor gantiEng + design
Locale rusak hanya di layar GenerateString hard-codedString table atau ekspor terjemahanEng + loc
Klik bertabrakan dengan HUD UGUICampuran Toolkit/UGUI tidak terdokumentasiSatukan input module atau pisahkan CanvasEng
Generate menimpa edit manualRe-Generate UXML yang samaBekukan Prefab; perbaiki manual di VCSEng
Tampilan salah vs mockGenerate dipakai untuk UI rilisFigma/PSD → PrefabDesign + eng

FAQ

Apakah Generate UI sama dengan Cursor mengedit Prefab?
Tidak. Generate membangun struktur UI di Editor; Cursor + MCP cocok untuk reference binding dan smoke Play. Keduanya tidak menggantikan checklist handoff desain atau ekspor deterministik.

Proyek semua UGUI—tetap Generate?
Ya, sebagai stack pengecualian yang didokumentasikan di README/spec; jika tidak, QA akan menerapkan standar UGUI ke layar Toolkit.

Layar prototipe di build produksi?
Jika dirilis, Prefab + checklist pre-ship; jika tidak, #if DEVELOPMENT_BUILD atau Scene terisolasi—jangan campur ke HUD utama.

VberStudio vs Unity Generate—pilih satu?
Tidak. Studio adalah design → Studio canvas → Prefab; Generate adalah UI cepat tanpa art di dalam proyek. Layar rilis lebih memilih Studio/ekspor; Generate mengisi halaman tool yang tidak didesain.

Tidak ada Generate UI di versi Unity kami?
Lewati cabang Generate; design-to-engine + enam langkah acceptance + tabel perbaikan tetap berlaku. Tim Godot/Cocos memakai aturan sama: art → ekspor; tanpa art → Prefab + acceptance.

Panduan lain yang mungkin Anda suka