Onde conseguir templates de UI para Roblox que funcionam
A maioria dos templates de UI grátis para Roblox é só a aparência: frames e botões sem scripts, então nada acontece quando o jogador clica. As telas desta página vêm ligadas. Cada uma é uma ScreenGui mais, na maioria das telas, um script de servidor que faz o trabalho de verdade, como cobrar moedas, salvar uma sequência ou rodar uma rodada. Você não baixa nada: a IA do RoCode insere as telas no seu jogo pelo plugin do Studio, todas em um tema, e os botões de abrir entram sozinhos no menu do HUD. Depois você pede os seus nomes, itens e preços.
O kit neon no Studio
Abaixo, algumas telas aparecem como capturas do Studio em um dos cinco temas. No seu jogo, todas as 25 têm a mesma aparência das capturas.
25 templates de UI para Roblox, pelo que o seu jogo precisa
Menus que todo jogo precisa
As primeiras e as últimas coisas que os jogadores veem: a tela de título, o carregamento, o HUD, as configurações e as mensagens.
| Tela | O que faz | Onde fica e o que mudar |
|---|---|---|
| Menu principal (guia) | Uma tela de título ao entrar, com o nome do seu jogo e botões grandes Play, Settings, Shop e Credits. O Play faz ela sumir, e uma parte chamada MenuCamera define a vista por trás. | StarterGui.SimMainMenu. Mude TITLE, SUBTITLE e CREDITS no topo do MainMenuController. |
| Tela de carregamento (guia) | Aparece enquanto o jogo carrega, com o nome do jogo vindo do Roblox, uma barra de progresso que segue o carregamento real, dicas e um botão Skip. | ReplicatedFirst.SimLoading. Mude a lista TIPS no script. |
| HUD (guia de leaderboard) | Contadores de Coins e Gems que seguem os seus leaderstats, com botões +, e um menu lateral de blocos grandes. O botão de abrir de cada outra tela entra sozinho nesse menu. | StarterGui.SimHud, ServerScriptService.SimCurrencyServer. Mude os nomes das moedas em CURRENCIES (HudController). |
| Configurações (guia) | Chaves que funcionam e salvam para cada jogador: música, efeitos sonoros, gráficos baixos e mostrar outros jogadores. | StarterGui.SimSettings, ServerScriptService.SimSettingsServer. A música silencia os Sounds marcados ou chamados Music. |
| Notificações (guia de RemoteEvents) | Uma pilha de avisos à direita para novidades pequenas, e um pop-up grande de anúncio, enviados por scripts de servidor ou de cliente. | StarterGui.SimNotifications, ServerScriptService.SimNotifyServer. Chame ReplicatedStorage.SimNotify nos seus scripts de servidor. |
| Caixa sim/não e menu de pausa (guia de animações de UI) | Uma caixa de confirmação com que qualquer script faz uma pergunta de sim ou não, e um menu de pausa no P com Resume, Settings e Leave. | StarterGui.SimConfirm. Ask:Invoke(title, message, yesText, noText) devolve true ou false. |
Lojas, códigos e recompensas
Onde os jogadores gastam moedas e Robux, e os motivos para voltarem amanhã.
| Tela | O que faz | Onde fica e o que mudar |
|---|---|---|
| Loja de itens (guia) | Abas Tools, Upgrades e Boosts, com cards de itens que mostram Buy, Owned ou Equip. O script de servidor confere o preço, tira as moedas, salva o que cada jogador tem e dá Tools de verdade, upgrades de velocidade e boosts com tempo. | StarterGui.SimShop, ServerScriptService.SimShopServer. Mude os itens (nome, ícone, preço, moeda, aba, o que dá) em ITEMS. |
| Loja: game passes e códigos (guia) | Linhas de game passes, cada uma com ícone, vantagens e um botão de preço em Robux que abre a compra, e depois uma caixa de códigos que resgata no servidor. | StarterGui.SimStore, ServerScriptService.SimCodesServer. Ids e preços dos passes em PASSES, códigos em CODES. |
| Loja de Robux (guia) | Cards de game passes e produtos do desenvolvedor a partir de uma tabela de configuração, com preços reais em Robux e prompts de compra. Passes comprados ficam marcados, e os produtos pagam a recompensa no servidor. | StarterGui.SimGamepasses, ReplicatedStorage.SimPassesConfig, ServerScriptService.SimPassesServer. Os ids reais vão em SimPassesConfig. Um passe comprado define um atributo do jogador como Pass_VIP. |
| Códigos (guia) | Uma janela de resgatar códigos com confete quando o código funciona e um tremor quando não funciona. Códigos e recompensas são conferidos e salvos no servidor. | StarterGui.SimCodes, ServerScriptService.SimCodesServer. Códigos e recompensas em CODES. |
| Recompensas diárias (guia) | Uma sequência de 7 dias de recompensas com botão Claim e contagem regressiva até a próxima. O servidor paga e salva a sequência, e a janela abre sozinha quando há recompensa pronta. | StarterGui.SimDailyRewards, ServerScriptService.SimDailyRewardsServer. As 7 recompensas em REWARDS. |
| Season pass | Uma trilha de battle pass com recompensas grátis e premium em cada nível, botões Claim, uma barra de XP e um game pass premium. O XP vem do tempo de jogo e dos seus scripts. | StarterGui.SimBattlePass, ServerScriptService.SimBattlePassServer. TIERS, XP_PER_TIER e PREMIUM_PASS_ID no topo. |
| Missões diárias | Três missões diárias com barras de progresso e botões Claim, como ganhar moedas, minutos jogados ou ovos chocados. Elas renovam todo dia e salvam. | StarterGui.SimQuests, ServerScriptService.SimQuestsServer. QUESTS em SimQuestsServer; seus scripts podem somar progresso com um evento. |
Pets, coleções e progresso
As telas de simulador: chocar ovos, o inventário, colecionar, rebirths, trocas e o placar.
| Tela | O que faz | Onde fica e o que mudar |
|---|---|---|
| Chocar ovos (guia) | Ovos com preços e chances de pets, uma animação de chocar em tela cheia que treme, pisca e revela o pet na cor da raridade, e um script de servidor que sorteia e salva os pets. | StarterGui.SimEggs, ServerScriptService.SimEggServer. Ovos, preços e chances em EGGS. |
| Inventário de pets (guia) | Uma grade de cards de pets ou itens, e o card selecionado com raridade, barra de nível, Equip e excluir. Lista os pets que a tela de ovos salva. | StarterGui.SimInventory. Ouça os eventos Equipped e Deleted para salvar as escolhas no servidor. |
| Índice de coleção (guia de pet que segue) | Um livro de coleção: uma grade de itens nas cores de raridade, silhuetas dos que ainda não foram achados, uma porcentagem de conclusão, abas por grupo e uma recompensa por completar. | StarterGui.SimIndex, ServerScriptService.SimIndexServer. ITEMS (nome, ícone, raridade, grupo) no topo, para combinar com os pets ou itens do seu jogo. |
| Rebirth (guia de simulador) | Mostra o multiplicador de moedas atual e o próximo, o custo e uma barra de progresso. Um rebirth zera as moedas, soma um Rebirth e aumenta o multiplicador. | StarterGui.SimRebirth, ServerScriptService.SimRebirthServer. BASE_COST define o preço; multiplique suas recompensas de moedas pelo atributo CoinMultiplier. |
| Trocas (guia) | Uma janela de troca de dois lados: lista de jogadores, pedidos de troca, uma grade de itens para cada lado, Ready, Confirm e uma contagem regressiva. O servidor troca pets da tela de ovos, ou Tools. | StarterGui.SimTrade, ServerScriptService.SimTradeServer. Testar uma troca exige 2 jogadores no Studio. |
| Placar (guia) | Uma janela de placar global com uma aba por estatística, medalhas para os três primeiros, fotos, nomes e valores dos jogadores, e a sua posição. Salvo em OrderedDataStores. | StarterGui.SimLeaderboard, ServerScriptService.SimLeaderboardServer. BOARDS lista os leaderstats que ganham aba (top 50 global). |
Combate e rodadas
Peças de HUD para jogos de luta, de tiro e de rodadas.
| Tela | O que faz | Onde fica e o que mudar |
|---|---|---|
| Barras do jogador (guia) | Uma barra de vida que segue o Humanoid, uma barra de energia ou mana (com Shift para correr) e uma barra de XP com selo de nível e um pop de LEVEL UP. O servidor salva XP e níveis. | StarterGui.SimBars, ServerScriptService.SimLevelsServer. Dê XP com SimLevelsServer.AddXP; SECOND_BAR renomeia a energia, por exemplo para Mana. |
| Barra de habilidades (guia de combate) | Cinco espaços de habilidade embaixo com as teclas (Q, E, R, F, G), um giro de recarga e botões de toque no celular. Dash, Speed, Heal, Super Jump e Shield vêm prontos, com recargas conferidas no servidor. | StarterGui.SimAbilities, ReplicatedStorage.SimAbilitiesConfig, ServerScriptService.SimAbilitiesServer. Adicione habilidades à configuração e o efeito a EFFECTS. |
| Banner de rodada (guia) | Um banner no topo com texto de intervalo ou rodada, um cronômetro, jogadores restantes e um pop-up do vencedor, com um ciclo de rodadas que funciona: spawns, o último de pé vence, recompensas. | StarterGui.SimRound, ServerScriptService.SimRoundServer. INTERMISSION, ROUND_TIME, MIN_PLAYERS e WIN_REWARD no topo. |
| HUD de tiro (guia de arma) | Uma mira com recuo e marcador de acerto, um painel de munição e recarga que segue a arma na mão, e um feed de abates de todas as mortes de jogadores. | StarterGui.SimShooterHud, ServerScriptService.SimKillFeedServer. O script da sua arma define os atributos da Tool Ammo, MaxAmmo, Reserve e Reloading. |
Mundos e NPCs
Ir de uma área para outra e conversar com personagens.
| Tela | O que faz | Onde fica e o que mudar |
|---|---|---|
| Teletransporte de mundos (guia) | Um menu de mundos ou áreas com cards bloqueados e desbloqueados e preços. Os desbloqueios são salvos, e os jogadores se teletransportam para partes em Workspace.Worlds ou para outros places. | StarterGui.SimTeleport, ServerScriptService.SimTeleportServer. WORLDS (nome, ícone, preço, moeda) no topo. |
| Diálogo com NPC (guia) | Uma caixa de diálogo com o nome do NPC, um retrato, texto de máquina de escrever e de 2 a 4 escolhas. Qualquer modelo com um atributo Dialogue ganha um prompt Talk. | StarterGui.SimDialogue. As conversas ficam em DIALOGUES no DialogueController. |
Os guias com link estão em inglês.
Cinco temas, um por jogo
Toda tela vem nos cinco temas. Todas as telas de um jogo compartilham um tema, então parecem um conjunto só.
- Candy: colorido e cartunesco, janelas brancas, contornos pretos grossos e brilho. Combina com simuladores e obbies.
- Neon: janelas escuras com bordas que brilham, para jogos de ficção científica, noturnos e de tiro. Peça "neon" ou "dark".
- Gold: creme e dourado, para VIP e luxo.
- Blocky: Roblox clássico, cantos quadrados.
- Pastel: cores suaves para jogos fofos e aconchegantes.
Cite um tema ao pedir, como "adicione uma loja pastel", ou deixe de fora e o RoCode escolhe um para o seu jogo. Compare os temas na página de kits de UI (em inglês).
Desta página para o seu jogo
O RoCode é um agente de IA para Roblox Studio: um chat na web e um plugin grátis do Studio que constrói no jogo que você tem aberto.
- Cadastre-se e conecte o Studio. Crie uma conta grátis, adicione o plugin do RoCode no Studio e conecte. Studio no Windows ou no Mac, o chat em um navegador de computador.
- Peça as telas. Escreva o que você quer, como "adicione um menu principal, uma loja e um battle pass". O RoCode insere cada tela e os scripts dela em um passo.
- Deixe com a sua cara. Peça os seus itens, preços, recompensas e missões, ou edite a lista no topo de cada script você mesmo. Depois aperte Play.
Adicione ao meu jogo um menu principal, uma loja de itens, recompensas diárias e um battle pass no tema candy, e troque os itens da loja por uma espada, um aumento de velocidade e um pet.
- Insere cada tela como uma ScreenGui no StarterGui e, na maioria, um Script no ServerScriptService
- Usa o mesmo tema em todas as telas, e os botões de abrir entram no menu do HUD
- Muda os itens e preços na lista no topo do script da loja
Um prompt de exemplo escrito por nós. Precisa do plugin 3.9.14 ou mais recente.
Guias para as mesmas telas
Prefere fazer a UI você mesmo? Estes guias grátis (em inglês) constroem os mesmos tipos de tela passo a passo, com Luau verificado.
- Menus: menu principal, tela de carregamento, menu de configurações.
- Lojas e recompensas: loja com GUI, recompensas diárias, códigos.
- HUD e jogos: barra de vida, sistema de rodadas, jogo estilo Steal a Brainrot.
Quer saber como o RoCode constrói um jogo inteiro? Veja criar jogos no Roblox com IA.
Perguntas frequentes
Esses templates de UI para Roblox são grátis?
Você pode ver todas as telas aqui de graça, sem login. Para adicionar uma ao seu jogo, você usa o RoCode: o plano Starter é grátis e sem cartão e dá 1 crédito por dia. Adicionar telas faz parte de uma construção do RoCode, então usa parte desses créditos.
Posso baixar como arquivo .rbxm?
Não. Não há arquivo para importar: o RoCode coloca cada tela direto no jogo que você tem aberto no Roblox Studio, como uma ScreenGui no StarterGui e, na maioria das telas, um Script de servidor no ServerScriptService. Depois disso, elas são objetos comuns no seu jogo, que você pode editar ou apagar.
Os botões funcionam de verdade?
Sim. Cada tela vem com os scripts de que precisa: a loja de itens cobra moedas e salva o que os jogadores têm, as recompensas diárias pagam e mantêm a sequência, o placar lê OrderedDataStores e o banner de rodada roda um ciclo de rodadas de verdade. Nomes, itens e preços ficam em uma lista no topo de cada script.
Quais temas existem?
Cinco: candy, neon, gold, blocky e pastel. Toda tela vem nos cinco, e todas as telas de um jogo compartilham um tema. Cite um ao pedir, ou o RoCode escolhe um para o seu jogo.
Do que eu preciso para adicionar?
Roblox Studio no Windows ou no Mac, o plugin grátis do RoCode para o Studio (versão 3.9.14 ou mais recente) e uma conta do RoCode em um navegador de computador. O chat não roda no celular.
É o mesmo que a página de kits de UI grátis?
A página de kits de UI mostra as dez primeiras telas nos cinco temas, com um seletor de tema. Esta página lista todas as telas que o RoCode pode adicionar, agrupadas pelo que o seu jogo precisa.