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.
- game-ui-design
- game-dev-ai
- ui-to-engine
- unity
- figma-to-unity
- ui-toolkit
- vberai
- 2026
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
| Dimensi | Unity Editor Generate UI / bantuan AI | Design → Studio canvas → ekspor Prefab |
|---|---|---|
| Input | Prompt teks, sketsa, konteks Scene yang ada | Figma / PSD / pemisahan layar penuh |
| Output tipikal | UXML/USS (UI Toolkit); sebagian alur berakhir di hierarki Scene—tetap harus Prefab | UGUI Prefab proyek (atau stack yang dikonfigurasi exporter) |
| Terbaik untuk | Tool internal, panel debug, eksperimen layout | HUD rilis, shop, skin event, struktur sama lintas locale |
| Lemah untuk | Art 1:1 sesuai brand, reskin sering | Tanpa sumber desain, spec layar hanya verbal |
| Pemeliharaan | Siapa 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:
| Kondisi | Catatan |
|---|---|
| Tanpa frame Figma/PSD | Tool spreadsheet, panel GM, halaman konfigurasi sementara |
| UI Toolkit diizinkan | UXML/USS berdampingan dengan UGUI didokumentasikan; urutan sort UGUI Canvas vs Toolkit Panel ada di spec |
| Tingkat perubahan rendah | Sedikit reskin pasca-rilis; tanpa ketergantungan re-ekspor seluruh tree dari Studio |
| Logika di atas tampilan | Kontrol stok OK; tanpa panel nine-slice berat |
Setelah Generate (6 langkah):
- Prefab di VCS — bukan hanya Scene uji (item pre-ship 6).
- Satu kebijakan stack UI — jika HUD utama UGUI, tandai layar Toolkit sebagai pengecualian di spec untuk menghindari kekacauan EventSystem / input.
- Raycast dan state tombol — standar sama dengan checklist MCP item 7–8.
- Safe Area / Scaler — baseline sama dengan HUD global (QA Safe Area).
- Locale — jika layar rilis multibahasa, ganti copy hasil generate dengan string table + smoke bahasa stres; generasi ≠ copy final.
- 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
| Sinyal | Gunakan sebagai gantinya |
|---|---|
| Figma/PSD penuh, butuh 1:1 | Figma → Unity atau pipeline PSD; Generate hanya untuk draf pribadi |
| Reskin event, struktur sama per locale | Rantai Studio / ekspor; layar Generate tidak akan batch dengan reskin |
| Art ter-slice / HUD bitmap-font | Nine-slice, damage number butuh spec art; Generate jarang menjamin inset/font |
| Tanpa LLM yang mengedit YAML Prefab | Sama seperti canvas ke engine: perubahan struktural lewat ekspor deterministik, bukan edit generator ke YAML repo |
Routing perbaikan
| Gejala | Kemungkinan penyebab | Tindakan | Pemilik |
|---|---|---|---|
| Satu layar ketinggalan setelah reskin | Hanya Generate, tidak ada di sumber desain | Tambah frame desain, terima Toolkit permanen, atau re-ekspor ganti | Eng + design |
| Locale rusak hanya di layar Generate | String hard-coded | String table atau ekspor terjemahan | Eng + loc |
| Klik bertabrakan dengan HUD UGUI | Campuran Toolkit/UGUI tidak terdokumentasi | Satukan input module atau pisahkan Canvas | Eng |
| Generate menimpa edit manual | Re-Generate UXML yang sama | Bekukan Prefab; perbaiki manual di VCS | Eng |
| Tampilan salah vs mock | Generate dipakai untuk UI rilis | Figma/PSD → Prefab | Design + 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.
Lanjutkan membaca
Panduan lain yang mungkin Anda suka
Overflow Locale UI Game: Headroom Desain dan QA Ekspor Terjemahan VberAI Studio
Cara gagal/lolos saat teks Jerman atau Spanyol merusak tombol dan daftar, cara menyediakan lebar di desain, dan cara membandingkan locale di kanvas VberAI Studio sebelum ekspor ulang penuh.
- game-ui-design
- game-dev-ai
- ui-localization
- i18n
Panduan Instalasi Cocos Creator 2.x MCP: Instal melalui paket dan Hubungkan AI IDE
Instal VberAI Cocos Creator 2.x MCP Pro langkah demi langkah—ekstrak ke folder packages proyek, mulai dan aktifkan, jalankan Server MCP lokal, dan verifikasi koneksi di Cursor, Claude, Codex, atau AI IDE lain yang mendukung MCP.
- cocos
- cocos-creator
- mcp
- cursor
Plugin MCP Unity Game Engine: Tingkatkan Alur Kerja Pengembangan Game Anda
Ikuti demo Plugin MCP Unity VberAI: hubungkan Unity ke alat AI via MCP dan kendalikan GameObject, skrip, dan scene dengan bahasa alami.
- video
- tutorial
- unity
- mcp