25 layar, 5 tema

Template UI Roblox

Main menu, shop, menetaskan telur, battle pass, HUD shooter dan banyak lagi: 25 layar game siap pakai beserta script yang membuatnya berfungsi. Bilang ke RoCode layar mana yang kamu mau, dan AI-nya memasangnya ke place Roblox Studio yang kamu buka.

Diperbarui 26 Oktober 20268 menit baca

Singkatnya

Kebanyakan template UI Roblox gratis cuma tampilannya saja. Layar di halaman ini sudah tersambung: setiap layar adalah ScreenGui plus, untuk sebagian besar layar, script server yang mengerjakan pekerjaan aslinya. Kamu tidak mengunduhnya: RoCode memasangnya ke place kamu lewat plugin Studio-nya.

  • Gratis untuk mulai, tanpa kartu.
  • 5 tema: candy, neon, gold, blocky, pastel.
  • RoCode adalah agen AI independen untuk Roblox Studio, bukan buatan Roblox.
Di halaman ini
  1. Yang berfungsi
  2. Ke-25 layar
  3. Tema
  4. Cara kerja
  5. Bikin sendiri
  6. Pertanyaan umum

Di mana dapat template UI Roblox yang benar-benar berfungsi

Playtest Roblox Studio dengan UI kit neon: penghitung Coins dan Gems, menu samping berisi tile layar, dan item shop yang terbuka di tab Tools.
Screenshot Studio: HUD neon, menu samping dan item shop dalam playtest Studio, 24 Oktober 2026. Item dan harganya hanya contoh; kamu yang menentukan sendiri.

Kebanyakan template UI Roblox gratis cuma tampilannya saja: frame dan tombol tanpa script, jadi tidak terjadi apa-apa saat pemain mengklik. Layar di halaman ini sudah tersambung. Masing-masing adalah ScreenGui plus, untuk sebagian besar layar, script server yang mengerjakan pekerjaan aslinya, seperti memotong coin, menyimpan streak atau menjalankan ronde.

Kamu tidak mengunduhnya. AI RoCode memasangnya ke place kamu lewat plugin Studio-nya, semua layar dalam satu tema, dan tombol pembukanya bergabung ke menu HUD dengan sendirinya. Lalu kamu minta nama, item dan harga versimu sendiri.

Kamu ketik

Tambahkan main menu, item shop, daily reward dan battle pass ke game-ku dalam tema candy, dengan script server yang berfungsi.

RoCode mengerjakan
  • Memasang setiap layar dan script-nya dalam satu langkah
  • Menyambungkan tombol pembuka ke menu HUD
  • Menaruh nama, item dan harga di daftar di bagian atas setiap script

Bangun di Studio

Butuh Roblox Studio dan browser desktop, plus plugin RoCode 3.9.14 atau lebih baru.

25 template UI Roblox, sesuai kebutuhan game kamu

Enam belas layar ditampilkan sebagai screenshot Studio dalam salah satu dari lima tema. Sisanya ilustrasi gambar dari layout-nya, dalam warna tema; di game kamu tampilannya sama dengan screenshot. Panduan yang ditautkan dalam bahasa Inggris.

Hal pertama dan terakhir yang dilihat pemain: layar judul, loading, HUD, pengaturan dan pesan.

Menu
LayarIsinyaDi place kamuYang bisa diubah
Main menu (screenshot, Candy)Layar judul saat masuk dengan nama game kamu dan tombol besar Play, Settings, Shop dan Credits. Play memudarkannya, dan part bernama MenuCamera mengatur pemandangan di belakangnya. Panduan main menu.StarterGui.SimMainMenuTITLE, SUBTITLE dan CREDITS di bagian atas MainMenuController.
Loading screen (screenshot, Candy)Muncul saat game dimuat, dengan nama game dari Roblox, progress bar yang mengikuti loading sebenarnya, tips dan tombol Skip. Panduan loading screen.ReplicatedFirst.SimLoadingDaftar TIPS di script.
HUD (screenshot, Candy)Penghitung Coins dan Gems yang mengikuti leaderstats kamu, dengan tombol +, dan menu samping berisi tile besar. Tombol pembuka setiap layar lain bergabung ke menu ini dengan sendirinya. Panduan script leaderboard.StarterGui.SimHud, ServerScriptService.SimCurrencyServerNama mata uang di CURRENCIES (HudController).
Settings (screenshot, Pastel)Saklar yang berfungsi dan tersimpan untuk setiap pemain: musik, efek suara, grafis rendah dan tampilkan pemain lain. Panduan menu settings.StarterGui.SimSettings, ServerScriptService.SimSettingsServerMusik membisukan Sound yang diberi tag atau bernama Music.
Notifikasi (ilustrasi)Tumpukan toast di kanan untuk kabar kecil, dan popup pengumuman besar, dikirim dari script server atau client. Panduan RemoteEvents.StarterGui.SimNotifications, ServerScriptService.SimNotifyServerPanggil ReplicatedStorage.SimNotify dari script server kamu.
Kotak ya/tidak dan menu pause (ilustrasi)Kotak konfirmasi yang bisa dipakai script mana pun untuk bertanya ya atau tidak, dan menu pause di tombol P dengan Resume, Settings dan Leave. Panduan animasi UI.StarterGui.SimConfirmAsk:Invoke(title, message, yesText, noText) mengembalikan true atau false.
Screenshot dari playtest Roblox Studio: layar main menu dalam tema Candy.
Main menu, tema Candy.
Screenshot dari playtest Roblox Studio: layar HUD dalam tema Candy.
HUD, tema Candy.
Screenshot dari playtest Roblox Studio: layar settings dalam tema Pastel.
Settings, tema Pastel.

Shop, kode dan hadiah

Tempat pemain membelanjakan coin dan Robux, dan alasan mereka kembali besok.

Shop, kode dan hadiah
LayarIsinyaDi place kamuYang bisa diubah
Item shop (screenshot, Gold)Tab Tools, Upgrades dan Boosts, dengan kartu item yang menampilkan Buy, Owned atau Equip. Script server-nya mengecek harga, memotong coin, menyimpan apa yang dimiliki setiap pemain dan memberi Tool sungguhan, upgrade kecepatan dan boost berwaktu. Panduan GUI shop.StarterGui.SimShop, ServerScriptService.SimShopServerItem (nama, ikon, harga, mata uang, tab, apa yang diberikan) di ITEMS.
Store: game pass dan kode (screenshot, Pastel)Baris game pass, masing-masing dengan ikon, perk-nya dan tombol harga Robux yang membuka prompt pembelian, lalu kotak kode yang menukarkan kode di server. Panduan script game pass.StarterGui.SimStore, ServerScriptService.SimCodesServerId dan harga pass di PASSES, kode di CODES.
Robux shop (ilustrasi)Kartu game pass dan developer product dari satu tabel config, dengan harga Robux sungguhan dan prompt Buy. Pass yang sudah dimiliki ditandai, dan product membayar hadiahnya di server. Panduan script game pass.StarterGui.SimGamepasses, ReplicatedStorage.SimPassesConfig, ServerScriptService.SimPassesServerId asli masuk ke SimPassesConfig. Pass yang dimiliki memberi atribut pemain seperti Pass_VIP.
Kode (screenshot, Candy)Jendela redeem code dengan confetti saat kode berhasil dan goyangan saat gagal. Kode dan hadiahnya dicek dan disimpan di server. Panduan sistem kode.StarterGui.SimCodes, ServerScriptService.SimCodesServerKode dan hadiahnya di CODES.
Daily reward (screenshot, Blocky)Streak hadiah 7 hari dengan tombol Claim dan hitung mundur ke hadiah berikutnya. Server membayar dan menyimpan streak, dan jendelanya terbuka sendiri saat hadiah siap. Panduan daily reward.StarterGui.SimDailyRewards, ServerScriptService.SimDailyRewardsServer7 hadiah di REWARDS.
Season pass (ilustrasi)Jalur battle pass dengan hadiah gratis dan premium di setiap tier, tombol Claim, bar XP dan game pass premium. XP datang dari waktu bermain dan dari script kamu.StarterGui.SimBattlePass, ServerScriptService.SimBattlePassServerTIERS, XP_PER_TIER dan PREMIUM_PASS_ID di bagian atas.
Daily quest (screenshot, Neon)Tiga quest harian dengan progress bar dan tombol Claim, seperti mengumpulkan coin, menit bermain atau telur yang ditetaskan. Reset setiap hari dan tersimpan.StarterGui.SimQuests, ServerScriptService.SimQuestsServerQUESTS di SimQuestsServer; script kamu bisa menambah progress lewat event.
Screenshot dari playtest Roblox Studio: layar item shop dalam tema Gold.
Item shop, tema Gold.
Screenshot dari playtest Roblox Studio: layar daily reward dalam tema Blocky.
Daily reward, tema Blocky.
Screenshot dari playtest Roblox Studio: layar daily quest dalam tema Neon.
Daily quest, tema Neon.

Pet, koleksi dan progres

Layar simulator: menetaskan telur, inventaris, mengoleksi, rebirth, trading dan leaderboard.

Pet, koleksi dan progres
LayarIsinyaDi place kamuYang bisa diubah
Menetaskan telur (screenshot, Candy)Telur dengan harga dan peluang pet, animasi menetas layar penuh yang bergetar, berkedip dan menampilkan pet dalam warna rarity-nya, dan script server yang mengundi dan menyimpan pet. Panduan menetaskan telur.StarterGui.SimEggs, ServerScriptService.SimEggServerTelur, harga dan peluang pet di EGGS.
Inventaris pet (screenshot, Neon)Grid kartu pet atau item, dan kartu terpilih dengan rarity-nya, bar level, Equip dan hapus. Menampilkan pet yang disimpan layar telur. Panduan sistem inventaris.StarterGui.SimInventoryDengarkan event Equipped dan Deleted-nya untuk menyimpan pilihan di server.
Collection index (ilustrasi)Buku koleksi: grid item dalam warna rarity, siluet untuk yang belum ditemukan, persentase selesai, tab per grup dan hadiah kalau lengkap. Panduan pet follow.StarterGui.SimIndex, ServerScriptService.SimIndexServerITEMS (nama, ikon, rarity, grup) di bagian atas, sesuaikan dengan pet atau item game kamu.
Rebirth (screenshot, Gold)Menampilkan multiplier coin saat ini dan berikutnya, biaya dan progress bar. Rebirth me-reset coin, menambah satu Rebirth dan menaikkan multiplier. Panduan game simulator.StarterGui.SimRebirth, ServerScriptService.SimRebirthServerBASE_COST mengatur harga; kalikan hadiah coin kamu dengan atribut CoinMultiplier.
Trading (ilustrasi)Jendela trade dua sisi: daftar pemain, permintaan trade, grid item untuk setiap sisi, Ready, Confirm dan hitung mundur. Server menukar pet dari layar telur, atau Tool. Panduan sistem trading.StarterGui.SimTrade, ServerScriptService.SimTradeServerMengetes trade butuh 2 pemain di Studio.
Leaderboard (screenshot, Candy)Jendela leaderboard global dengan tab per stat, medali untuk tiga teratas, foto kepala pemain, nama dan nilai, dan peringkatmu sendiri. Disimpan di OrderedDataStore. Panduan script leaderboard.StarterGui.SimLeaderboard, ServerScriptService.SimLeaderboardServerBOARDS mencantumkan leaderstats yang dapat tab (top 50 global).
Screenshot dari playtest Roblox Studio: layar menetaskan telur dalam tema Candy.
Menetaskan telur, tema Candy.
Screenshot dari playtest Roblox Studio: layar inventaris pet dalam tema Neon.
Inventaris pet, tema Neon.
Screenshot dari playtest Roblox Studio: layar rebirth dalam tema Gold.
Rebirth, tema Gold.

Combat dan ronde

Bagian HUD untuk game pertarungan, shooter dan berbasis ronde.

Combat dan ronde
LayarIsinyaDi place kamuYang bisa diubah
Bar pemain (screenshot, Candy)Bar health yang mengikuti Humanoid, bar stamina atau mana (dengan Shift untuk sprint) dan bar XP dengan badge level dan pop LEVEL UP. Server menyimpan XP dan level. Panduan GUI health bar.StarterGui.SimBars, ServerScriptService.SimLevelsServerBeri XP dengan SimLevelsServer.AddXP; SECOND_BAR mengganti nama stamina, misalnya jadi Mana.
Ability bar (ilustrasi)Lima slot ability di bawah dengan label tombol (Q, E, R, F, G), sapuan cooldown dan tombol ketuk di HP. Dash, Speed, Heal, Super Jump dan Shield sudah ada, dengan cooldown yang dicek di server. Panduan sistem combat.StarterGui.SimAbilities, ReplicatedStorage.SimAbilitiesConfig, ServerScriptService.SimAbilitiesServerTambahkan ability ke config dan efeknya ke EFFECTS.
Banner ronde (screenshot, Candy)Banner di atas dengan teks intermission atau ronde, timer, sisa pemain dan popup pemenang, dengan loop ronde yang berfungsi: spawn, yang terakhir bertahan menang, hadiah. Panduan sistem ronde.StarterGui.SimRound, ServerScriptService.SimRoundServerINTERMISSION, ROUND_TIME, MIN_PLAYERS dan WIN_REWARD di bagian atas.
HUD shooter (ilustrasi)Crosshair dengan hentakan dan hit marker, panel amunisi dan reload yang mengikuti senjata yang kamu pegang, dan kill feed setiap kematian pemain. Panduan script senjata.StarterGui.SimShooterHud, ServerScriptService.SimKillFeedServerScript senjata kamu mengatur atribut Tool Ammo, MaxAmmo, Reserve dan Reloading.
Screenshot dari playtest Roblox Studio: layar bar pemain dalam tema Candy.
Bar pemain, tema Candy.
Screenshot dari playtest Roblox Studio: layar banner ronde dalam tema Candy.
Banner ronde, tema Candy.

Dunia dan NPC

Berpindah antar area dan berbicara dengan karakter.

Dunia dan NPC
LayarIsinyaDi place kamuYang bisa diubah
Teleport dunia (screenshot, Candy)Menu dunia atau area dengan kartu terkunci dan terbuka serta harganya. Yang sudah dibuka tersimpan, dan pemain teleport ke part di Workspace.Worlds atau ke place lain. Panduan script teleporter.StarterGui.SimTeleport, ServerScriptService.SimTeleportServerWORLDS (nama, ikon, harga, mata uang) di bagian atas.
Dialog NPC (ilustrasi)Kotak dialog dengan nama NPC, potret, teks ala mesin ketik dan 2 sampai 4 pilihan. Model apa pun dengan atribut Dialogue dapat prompt Talk. panduan dialog NPC.StarterGui.SimDialoguePercakapan ada di DIALOGUES di DialogueController.
Screenshot dari playtest Roblox Studio: layar teleport dunia dalam tema Candy.
Teleport dunia, tema Candy.

Lima tema, satu per game

Setiap layar tersedia dalam kelima tema. Semua layar dalam satu game memakai tema yang sama, jadi terlihat seperti satu set.

  • Candy: cerah dan kartun, jendela putih, outline hitam tebal dan kilau mengkilap. Cocok untuk simulator dan obby.
  • Neon: jendela gelap dengan tepi bercahaya, untuk game sci-fi, malam dan shooter. Minta “neon” atau “dark”.
  • Gold: krem dan emas, untuk VIP dan kesan mewah.
  • Blocky: Roblox klasik, sudut kotak.
  • Pastel: warna lembut untuk game yang imut dan nyaman.

Sebut temanya saat kamu meminta, seperti “tambahkan shop pastel”, atau biarkan saja dan RoCode memilihkan satu untuk game kamu. Bandingkan temanya di halaman UI kits (dalam bahasa Inggris).

Dari halaman ini ke game kamu

RoCode adalah agen AI untuk Roblox Studio: web chat dan plugin Studio gratis yang membangun di place yang kamu buka.

  1. Daftar dan hubungkan Studio. Buat akun gratis, tambahkan plugin RoCode di Studio dan hubungkan. Studio di Windows atau Mac, chat di browser desktop.
  2. Minta layarnya. Tulis apa yang kamu mau, seperti “tambahkan main menu, shop dan battle pass”. RoCode memasang setiap layar dan script-nya dalam satu langkah.
  3. Jadikan milikmu. Minta item, harga, hadiah dan quest versimu sendiri, atau edit sendiri daftar di bagian atas setiap script. Lalu tekan Play.

Panduan untuk layar yang sama

Lebih suka membuat UI sendiri? Panduan gratis ini membangun jenis layar yang sama langkah demi langkah, dengan Luau yang sudah dicek tipenya (dalam bahasa Inggris).

Baru mulai scripting? Belajar scripting Roblox untuk pemula menjelaskan dasar-dasarnya dalam Bahasa Indonesia. Untuk game utuh, lihat cara kerja pembuat game AI.

Pertanyaan umum

Apakah template UI Roblox ini gratis?

Kamu bisa melihat setiap layar di sini secara gratis, tanpa login. Untuk memasangnya ke game kamu, kamu memakai RoCode: paket Starter-nya gratis tanpa kartu dan memberi 1 kredit per hari. Memasang layar adalah bagian dari build RoCode, jadi memakai sebagian kredit itu.

Bisakah aku mengunduhnya sebagai file .rbxm?

Tidak. Tidak ada file untuk diimpor: RoCode menaruh setiap layar langsung ke place yang kamu buka di Roblox Studio, sebagai ScreenGui di StarterGui dan, untuk sebagian besar layar, Script server di ServerScriptService. Setelah itu mereka objek biasa di place kamu yang bisa kamu edit atau hapus.

Apakah tombolnya benar-benar berfungsi?

Ya. Setiap layar datang dengan script yang dibutuhkannya: item shop memotong coin dan menyimpan apa yang dimiliki pemain, daily reward membayar dan menjaga streak, leaderboard membaca OrderedDataStore dan banner ronde menjalankan loop ronde sungguhan. Nama, item dan harga ada di daftar di bagian atas setiap script.

Ada tema apa saja?

Lima: candy, neon, gold, blocky dan pastel. Setiap layar tersedia dalam kelimanya, dan semua layar dalam satu game memakai tema yang sama. Sebut satu saat kamu meminta, atau RoCode memilihkan satu untuk game kamu.

Apa yang aku butuhkan untuk memasangnya?

Roblox Studio di Windows atau Mac, plugin Studio RoCode gratis (versi 3.9.14 atau lebih baru) dan akun RoCode di browser desktop. Chat-nya tidak berjalan di HP.

Apakah ini sama dengan halaman UI kits gratis?

Halaman UI kits menampilkan sepuluh layar pertama dalam kelima tema, dengan pengganti tema. Halaman ini mencantumkan setiap layar yang bisa dipasang RoCode, dikelompokkan sesuai kebutuhan game kamu.

Coba RoCode di game kamu sendiri.

Kredit gratis setiap hari, tanpa kartu. Pasang plugin-nya, jelaskan fiturnya, lalu cek hasilnya di Studio.