Où trouver des modèles d'UI Roblox qui marchent
La plupart des modèles d'UI Roblox gratuits ne sont que l'apparence : des cadres et des boutons sans scripts, donc rien ne se passe quand un joueur clique. Les écrans de cette page arrivent branchés. Chacun est une ScreenGui plus, pour la plupart des écrans, un script serveur qui fait le vrai travail, comme débiter des pièces, sauvegarder une série ou faire tourner une manche. Tu ne les télécharges pas : l'IA de RoCode les insère dans ton jeu grâce à son plugin pour Studio, tous les écrans dans un même thème, et leurs boutons d'ouverture rejoignent tout seuls le menu du HUD. Ensuite, tu demandes tes propres noms, objets et prix.
Sur cette page
Un aperçu dans Studio
Seize écrans existent en captures d'écran de Studio dans l'un des cinq thèmes. Les autres sont des illustrations de leur mise en page, dans les couleurs du thème ; dans ton jeu, ils ont le même style que les captures. Les noms d'objets ci-dessous sont ceux que tu verras dans l'Explorer.
Les menus dont chaque jeu a besoin
Les premières et les dernières choses que voient les joueurs : l'écran titre, le chargement, le HUD, les paramètres et les messages.
| Écran | Ce qu'il fait | Objets | À changer |
|---|---|---|---|
| Menu principal (capture, Candy) | Un écran titre à l'arrivée avec le nom de ton jeu et de gros boutons Play, Settings, Shop et Credits. Play le fait disparaître en fondu, et une part nommée MenuCamera règle la vue derrière. Guide du menu principal. | StarterGui.SimMainMenu | TITLE, SUBTITLE et CREDITS en haut de MainMenuController. |
| Écran de chargement (capture, Candy) | S'affiche pendant le chargement du jeu, avec le nom du jeu venant de Roblox, une barre de progression qui suit le vrai chargement, des astuces et un bouton Skip. Guide de l'écran de chargement. | ReplicatedFirst.SimLoading | La liste TIPS dans le script. |
| HUD (capture, Candy) | Des compteurs Coins et Gems qui suivent tes leaderstats, avec des boutons +, et un menu latéral de grosses tuiles. Le bouton d'ouverture de chaque autre écran rejoint ce menu tout seul. Guide du script de classement. | StarterGui.SimHud, ServerScriptService.SimCurrencyServer | Les noms des monnaies dans CURRENCIES (HudController). |
| Paramètres (capture, Pastel) | Des interrupteurs qui marchent et se sauvegardent pour chaque joueur : musique, effets sonores, graphismes réduits et affichage des autres joueurs. Guide du menu des paramètres. | StarterGui.SimSettings, ServerScriptService.SimSettingsServer | La musique coupe les Sounds marqués ou nommés Music. |
| Notifications (illustration) | Une pile de petites notifications à droite pour les infos courtes, et une grande fenêtre d'annonce, envoyées depuis des scripts serveur ou client. Guide des RemoteEvents. | StarterGui.SimNotifications, ServerScriptService.SimNotifyServer | Appelle ReplicatedStorage.SimNotify depuis tes scripts serveur. |
| Boîte oui/non et menu pause (illustration) | Une boîte de confirmation avec laquelle n'importe quel script peut poser une question oui ou non, et un menu pause sur P avec Resume, Settings et Leave. Guide des animations d'interface. | StarterGui.SimConfirm | Ask:Invoke(title, message, yesText, noText) renvoie true ou false. |
Boutiques, codes et récompenses
Là où les joueurs dépensent leurs pièces et leurs Robux, et les raisons pour lesquelles ils reviennent le lendemain.
| Écran | Ce qu'il fait | Objets | À changer |
|---|---|---|---|
| Boutique d'objets (capture, Gold) | Des onglets Tools, Upgrades et Boosts, avec des cartes d'objets qui affichent Buy, Owned ou Equip. Son script serveur vérifie le prix, prend les pièces, sauvegarde ce que possède chaque joueur et donne de vrais Tools, des améliorations de vitesse et des bonus temporaires. Guide de la boutique. | StarterGui.SimShop, ServerScriptService.SimShopServer | Les objets (nom, icône, prix, monnaie, onglet, ce qu'il donne) dans ITEMS. |
| Store : game passes et codes (capture, Pastel) | Des lignes de game passes, chacune avec une icône, ses avantages et un bouton de prix en Robux qui ouvre la fenêtre d'achat, puis une zone de codes qui les valide sur le serveur. Guide du script de game pass. | StarterGui.SimStore, ServerScriptService.SimCodesServer | Les identifiants et prix des passes dans PASSES, les codes dans CODES. |
| Boutique Robux (illustration) | Des cartes de game passes et de developer products tirées d'une seule table de configuration, avec de vrais prix en Robux et des fenêtres d'achat. Les passes possédés sont marqués, et les produits versent leur récompense sur le serveur. Guide du script de game pass. | StarterGui.SimGamepasses, ReplicatedStorage.SimPassesConfig, ServerScriptService.SimPassesServer | Les vrais identifiants vont dans SimPassesConfig. Un pass possédé pose un attribut de joueur comme Pass_VIP. |
| Codes (capture, Candy) | Une fenêtre pour saisir des codes, avec des confettis quand un code marche et une secousse quand il ne marche pas. Les codes et les récompenses sont vérifiés et sauvegardés sur le serveur. Guide du système de codes. | StarterGui.SimCodes, ServerScriptService.SimCodesServer | Les codes et leurs récompenses dans CODES. |
| Récompenses quotidiennes (capture, Blocky) | Une série de récompenses sur 7 jours avec un bouton Claim et un compte à rebours jusqu'à la suivante. Le serveur verse la récompense et sauvegarde la série, et la fenêtre s'ouvre toute seule quand une récompense est prête. Guide des récompenses quotidiennes. | StarterGui.SimDailyRewards, ServerScriptService.SimDailyRewardsServer | Les 7 récompenses dans REWARDS. |
| Season pass (illustration) | Une piste de battle pass avec des récompenses gratuites et premium à chaque palier, des boutons Claim, une barre d'XP et un game pass premium. L'XP vient du temps de jeu et de tes scripts. | StarterGui.SimBattlePass, ServerScriptService.SimBattlePassServer | TIERS, XP_PER_TIER et PREMIUM_PASS_ID en haut. |
| Quêtes quotidiennes (capture, Neon) | Trois quêtes quotidiennes avec des barres de progression et des boutons Claim, comme gagner des pièces, des minutes de jeu ou des œufs éclos. Elles se réinitialisent chaque jour et se sauvegardent. | StarterGui.SimQuests, ServerScriptService.SimQuestsServer | QUESTS dans SimQuestsServer ; tes scripts peuvent ajouter de la progression avec un événement. |
Familiers, collections et progression
Les écrans de simulateur : l'éclosion, l'inventaire, la collection, les renaissances, l'échange et le classement.
| Écran | Ce qu'il fait | Objets | À changer |
|---|---|---|---|
| Éclosion d'œufs (capture, Candy) | Des œufs avec leurs prix et les chances de chaque familier, une animation d'éclosion plein écran qui secoue, clignote et révèle le familier dans la couleur de sa rareté, et un script serveur qui tire au sort et sauvegarde les familiers. Guide de l'éclosion d'œufs. | StarterGui.SimEggs, ServerScriptService.SimEggServer | Les œufs, les prix et les chances des familiers dans EGGS. |
| Inventaire de familiers (capture, Neon) | Une grille de cartes de familiers ou d'objets, et la carte sélectionnée avec sa rareté, une barre de niveau, Equip et la suppression. Elle liste les familiers que sauvegarde l'écran des œufs. Guide du système d'inventaire. | StarterGui.SimInventory | Écoute ses événements Equipped et Deleted pour sauvegarder les choix sur le serveur. |
| Index de collection (illustration) | Un livre de collection : une grille d'objets aux couleurs de leur rareté, des silhouettes pour ceux pas encore trouvés, un pourcentage de complétion, des onglets par groupe et une récompense pour qui termine. Guide du familier qui suit. | StarterGui.SimIndex, ServerScriptService.SimIndexServer | ITEMS (nom, icône, rareté, groupe) en haut, pour correspondre aux familiers ou objets de ton jeu. |
| Rebirth (capture, Gold) | Montre le multiplicateur de pièces actuel et le suivant, le coût et une barre de progression. Une renaissance remet les pièces à zéro, ajoute un Rebirth et augmente le multiplicateur. Guide du jeu de simulateur. | StarterGui.SimRebirth, ServerScriptService.SimRebirthServer | BASE_COST fixe le prix ; multiplie tes récompenses en pièces par l'attribut CoinMultiplier. |
| Échange (illustration) | Une fenêtre d'échange à deux côtés : une liste de joueurs, des demandes d'échange, une grille d'objets pour chaque côté, Ready, Confirm et un compte à rebours. Le serveur échange des familiers de l'écran des œufs, ou des Tools. Guide du système d'échange. | StarterGui.SimTrade, ServerScriptService.SimTradeServer | Tester un échange demande 2 joueurs dans Studio. |
| Classement (capture, Candy) | Une fenêtre de classement global avec un onglet par statistique, des médailles pour les trois premiers, les avatars, les noms et les valeurs des joueurs, et ton propre rang. Sauvegardé dans des OrderedDataStores. Guide du script de classement. | StarterGui.SimLeaderboard, ServerScriptService.SimLeaderboardServer | BOARDS liste les leaderstats qui ont un onglet (top 50 global). |
Combat et manches
Des éléments de HUD pour les jeux de combat, de tir et à manches.
| Écran | Ce qu'il fait | Objets | À changer |
|---|---|---|---|
| Barres du joueur (capture, Candy) | Une barre de vie qui suit le Humanoid, une barre d'endurance ou de mana (avec Shift pour sprinter) et une barre d'XP avec un badge de niveau et une animation LEVEL UP. Le serveur sauvegarde l'XP et les niveaux. Guide de la barre de vie. | StarterGui.SimBars, ServerScriptService.SimLevelsServer | Donne de l'XP avec SimLevelsServer.AddXP ; SECOND_BAR renomme l'endurance, par exemple en Mana. |
| Barre de compétences (illustration) | Cinq emplacements de compétences en bas avec les touches (Q, E, R, F, G), un balayage de temps de recharge et des boutons tactiles sur téléphone. Dash, Speed, Heal, Super Jump et Shield sont intégrés, avec des temps de recharge vérifiés sur le serveur. Guide du système de combat. | StarterGui.SimAbilities, ReplicatedStorage.SimAbilitiesConfig, ServerScriptService.SimAbilitiesServer | Ajoute des compétences dans la configuration et leur effet dans EFFECTS. |
| Bannière de manche (capture, Candy) | Une bannière en haut avec le texte d'intermission ou de manche, un minuteur, les joueurs restants et une fenêtre du gagnant, avec une vraie boucle de manches : apparitions, le dernier debout gagne, récompenses. Guide du système de manches. | StarterGui.SimRound, ServerScriptService.SimRoundServer | INTERMISSION, ROUND_TIME, MIN_PLAYERS et WIN_REWARD en haut. |
| HUD de jeu de tir (illustration) | Un viseur avec recul et un marqueur d'impact, un panneau de munitions et de rechargement qui suit l'arme que tu tiens, et un fil des éliminations de chaque joueur. Guide du script d'arme. | StarterGui.SimShooterHud, ServerScriptService.SimKillFeedServer | Ton script d'arme règle les attributs de Tool Ammo, MaxAmmo, Reserve et Reloading. |
Mondes et PNJ
Passer d'une zone à l'autre et parler aux personnages.
| Écran | Ce qu'il fait | Objets | À changer |
|---|---|---|---|
| Téléportation entre mondes (capture, Candy) | Un menu de mondes ou de zones avec des cartes verrouillées et déverrouillées et leurs prix. Les déblocages sont sauvegardés, et les joueurs se téléportent vers des parts dans Workspace.Worlds ou vers d'autres places. Guide du script de téléporteur. | StarterGui.SimTeleport, ServerScriptService.SimTeleportServer | WORLDS (nom, icône, prix, monnaie) en haut. |
| Dialogue de PNJ (illustration) | Une boîte de dialogue avec le nom du PNJ, un portrait, un texte qui s'écrit lettre par lettre et 2 à 4 choix. Tout modèle avec un attribut Dialogue reçoit une invite Talk. Guide du dialogue de PNJ. | StarterGui.SimDialogue | Les conversations sont dans DIALOGUES, dans DialogueController. |
Cinq thèmes, un par jeu
Chaque écran existe dans les cinq thèmes. Tous les écrans d'un même jeu partagent un thème, pour former un ensemble cohérent.
- Candy : vif et cartoon, fenêtres blanches, épais contours noirs et reflet brillant. Va bien aux simulateurs et aux obbies.
- Neon : fenêtres sombres aux bords lumineux, pour les jeux de science-fiction, de nuit et de tir. Demande « neon » ou « dark ».
- Gold : crème et or, pour le VIP et le luxe.
- Blocky : le Roblox classique, avec des coins carrés.
- Pastel : des couleurs douces pour les jeux mignons et cosy.
Nomme un thème dans ta demande, comme « ajoute une boutique pastel », ou laisse RoCode en choisir un pour ton jeu. Compare les thèmes sur la page des kits d'interface (en anglais).
Des guides pour les mêmes écrans
Tu préfères faire l'interface toi-même ? Ces guides gratuits (en anglais) construisent le même genre d'écrans étape par étape, avec du Luau vérifié.
- Menus : menu principal, écran de chargement, menu des paramètres.
- Boutiques et récompenses : boutique, récompenses quotidiennes, codes.
- HUD et jeux : barre de vie, système de manches, jeu à la Steal a Brainrot.
Questions fréquentes
Ces modèles d'UI Roblox sont-ils gratuits ?
Tu peux regarder chaque écran ici gratuitement, sans connexion. Pour en ajouter un à ton jeu, tu utilises RoCode : son offre Starter est gratuite, sans carte, et donne 1 crédit par jour. Ajouter des écrans fait partie d'une création RoCode, donc ça utilise une partie de ces crédits.
Puis-je les télécharger en fichier .rbxm ?
Non. Il n'y a pas de fichier à importer : RoCode met chaque écran directement dans le jeu que tu as ouvert dans Roblox Studio, sous forme de ScreenGui dans StarterGui et, pour la plupart des écrans, d'un Script serveur dans ServerScriptService. Ensuite, ce sont des objets ordinaires de ton jeu que tu peux modifier ou supprimer.
Les boutons marchent-ils vraiment ?
Oui. Chaque écran arrive avec les scripts dont il a besoin : la boutique d'objets débite les pièces et sauvegarde ce que possèdent les joueurs, les récompenses quotidiennes versent leur récompense et gardent la série, le classement lit les OrderedDataStores et la bannière de manche fait tourner une vraie boucle de manches. Les noms, objets et prix sont dans une liste en haut de chaque script.
Quels thèmes existent ?
Cinq : candy, neon, gold, blocky et pastel. Chaque écran existe dans les cinq, et tous les écrans d'un même jeu partagent un thème. Nomme-en un dans ta demande, ou RoCode en choisit un pour ton jeu.
De quoi ai-je besoin pour les ajouter ?
Roblox Studio sur Windows ou Mac, le plugin RoCode gratuit pour Studio (version 3.9.14 ou plus récente) et un compte RoCode dans un navigateur sur ordinateur. Le chat ne fonctionne pas sur téléphone.
Est-ce la même chose que la page des kits d'interface gratuits ?
La page des kits d'interface montre les dix premiers écrans dans les cinq thèmes, avec un sélecteur de thème. Cette page liste chaque écran que RoCode peut ajouter, regroupé selon ce dont ton jeu a besoin.
De cette page à ton jeu
RoCode est un agent IA pour Roblox Studio : un chat web et un plugin gratuit pour Studio qui construit dans le jeu que tu as ouvert.
Commencer gratuitement, puis lis comment marche le créateur de jeux IA. Il faut Roblox Studio et un navigateur sur ordinateur. RoCode est indépendant, il n'est pas fait par Roblox.