Pet Simulator
Devs de simulator qui montent leur boutique
“Fenêtre de boutique avec raretés et prix en gemmes”
Roblox UI Maker
Décris une boutique, un HUD ou un inventaire. Le Roblox UI Maker te donne une UI Roblox modifiable : tu l’ajustes, puis tu l’exportes dans Roblox Studio en vrais objets.
0 / 1200
Prompt
Idées
Des écrans pour démarrer dans le Roblox UI Maker
Des pistes de design pour boutiques, inventaires et HUD. Choisis-en une pour charger son brief : le Roblox UI Maker la construit en frames, labels et boutons modifiables.
Les bases
C’est quoi, un Roblox UI Maker ?
Ce qu’il fait
- Le Roblox UI Maker transforme un brief court en interface GUI Roblox.
- Tu récupères des Frames, des TextLabels et des TextButtons, pas une image plate.
- Chaque objet reste modifiable : position, taille, texte, couleur et coins.
Où il se place dans ton workflow Studio
- Tu poses la structure de l’écran dans le navigateur, avant d’ouvrir Studio.
- Tu exportes en Luau et tu le lances dans la Command Bar de Studio.
- Le même ScreenGui apparaît dans Studio, prêt pour tes scripts et tes visuels.
Qui s’en sert
- Les devs solo qui préfèrent scripter plutôt que placer des frames.
- Les équipes qui se mettent d’accord sur une boutique ou un HUD avant de peaufiner.
- Les créateurs qui refont leurs menus pour une update ou un event.
Fonctionnalités
Faire une UI Roblox que les joueurs comprennent direct
01
Un brief devient un écran bien hiérarchisé
- Nomme l’écran et ce qu’il contient : emplacements, prix, chronos, boutons.
- Le Roblox UI Maker place entre 6 et 16 objets avec titres, panneaux et actions.
- Tu préfères partir d’un modèle ? Prends le template Reward, Shop, HUD ou Inventory.
02
Des layouts en Scale pour PC, tablette et téléphone
- Les objets sont placés en fractions d’écran, comme le Scale de Roblox.
- Prévisualise le layout en Desktop, Tablet et Mobile.
- L’export utilise UDim2.fromScale : l’UI s’adapte à l’écran du joueur.
03
De vrais objets GUI exportés dans Roblox Studio
- Export Luau construit un ScreenGui avec tes Frames, labels et boutons.
- Les coins arrondis et les contours arrivent en UICorner et UIStroke.
- Ajoute des ImageLabels avec tes propres IDs d’assets image Roblox.
Idées
Idées d’UI Roblox pour chaque genre de jeu
Des briefs qui marchent bien dans le Roblox UI Maker. Chacun devient un layout modifiable que tu peux restyler puis exporter.
Aventure RPG
Créateurs de RPG qui planifient leur inventaire
“Grille d’objets, panneau de stats et bouton Équiper”
Combat
Équipes de battlegrounds qui placent leur hotbar
“Barres de vie et d’endurance, hotbar de 6 cases”
Obby
Créateurs solo qui font un HUD de niveaux
“Compteur de niveau, chrono et bouton Passer”
Tycoon
Builders de tycoon qui organisent leurs upgrades
“Compteur d’argent, cartes d’amélioration et prix”
Paramètres
Devs qui rangent leur menu de paramètres
“Fenêtre de réglages avec interrupteurs et bouton Enregistrer”
Comment ça marche
Faire une UI Roblox en trois étapes rapides
- 1
Décris l’écran ou choisis un template
- Écris ce que l’écran affiche : emplacements, prix, barres, boutons, couleurs.
- Ou pars du template Reward, Shop, HUD ou Inventory.
- Une génération coûte 1 credit.
- 2
Modifie le layout dans le navigateur
- Déplace et redimensionne les objets, change le texte, la couleur de fond et l’arrondi des coins.
- Ajoute des Frames, TextLabels, TextButtons ou ImageLabels.
- Vérifie les aperçus Desktop, Tablet et Mobile.
- 3
Exporte en Luau et lance-le dans Studio
- Export Luau télécharge un script, ou copie-le depuis la vue code.
- Colle-le dans la Command Bar de Roblox Studio et exécute-le.
- Le ScreenGui arrive dans StarterGui ; branche ensuite tes boutons à tes scripts.
Repères
Dimensions d’une GUI Roblox et bonnes pratiques d’interface
Les recommandations du Roblox Creator Hub pour des écrans comme ceux qu’exporte le Roblox UI Maker.
Sources : Roblox Creator Hub : UI · On-Screen Containers · Position and Size · UI Size Modifiers
Comparatif
Le Roblox UI Maker face à Studio et aux freelances
Pourquoi nous
Pourquoi les créateurs choisissent ce Roblox UI Maker
De vrais objets GUI, pas une image
- Le Roblox UI Maker te donne des Frames, des TextLabels et des TextButtons.
- Pas de maquette à découper ni à replacer à la main.
Fini le ScreenGui vide
- Un premier layout à partir d’une phrase ou d’un template.
- Ton temps dans Studio part dans les scripts et les visuels.
Positions en Scale dès le départ
- Les objets sont placés en fractions d’écran, comme le Scale de Roblox.
- Aperçu Desktop, Tablet et Mobile avant l’export.
Tout se modifie avant l’export
- Déplace, redimensionne, renomme et recolore n’importe quel objet.
- Ajoute des ImageLabels avec tes propres IDs d’assets image Roblox.
Un seul compte pour tes assets Roblox
- Le Roblox UI Maker se trouve à côté des outils thumbnail, icône et GFX.
- Un seul solde de credits pour tout.
Des credits utilisés honnêtement
- Un layout coûte 1 credit.
- Une génération qui échoue te rend ton credit.
FAQ
Roblox UI Maker FAQ
Un Roblox UI Maker crée des interfaces GUI Roblox à ta place.
- Celui-ci transforme un brief court en Frames, TextLabels et TextButtons.
- Tu modifies le layout dans le navigateur.
- Export Luau le recrée dans Roblox Studio en vrais objets.
Décris l’écran dans le Roblox UI Maker ou pars d’un template, modifie-le, puis exporte en Luau.
- Templates : Reward, Shop, HUD et Inventory.
- Ajuste position, taille, texte, couleurs et arrondi des coins.
- Lance le script exporté dans la Command Bar de Studio.
Décris l’écran, modifie le layout généré, puis lance le Luau exporté dans Studio.
- Étape 1 : écris un brief ou choisis un template dans le Roblox UI Maker.
- Étape 2 : déplace, redimensionne et restyle les objets.
- Étape 3 : Export Luau, puis exécute le script dans la Command Bar de Studio.
Clique sur Export Luau, ouvre Roblox Studio, colle le script dans la Command Bar et appuie sur Entrée.
- Il construit un ScreenGui avec tes Frames, labels et boutons.
- Il est placé dans StarterGui, donc les joueurs le voient en playtest.
- Branche les TextButtons à tes propres LocalScripts : l’export ne contient aucune logique de jeu.
De vrais objets GUI. Le Roblox UI Maker ne dessine pas une image de menu.
- Les layouts générés utilisent des Frames, TextLabels et TextButtons aux couleurs flat.
- Tu peux ajouter des ImageLabels pointant vers tes propres IDs d’assets image Roblox.
- Pour les visuels de boutons et les icônes, crée les images à part et assigne-les dans Studio.
Oui. Les objets sont placés en Scale, donc le ScreenGui exporté s’adapte à l’écran.
- Prévisualise en Desktop, Tablet et Mobile avant l’export.
- Ajoute un UIAspectRatioConstraint dans Studio pour éviter que les panneaux s’étirent.
- Éloigne les boutons de l’encoche des téléphones avec les marges de zone sûre.
Non. Le Roblox UI Maker est inclus à partir du plan Starter.
- Le Starter, c’est 9,99 $ par mois avec 40 credits.
- Chaque génération de layout coûte 1 credit.
- Les packs de credits seuls ne débloquent pas le UI Maker.
Oui. Décris la boutique ou l’inventaire, ou pars du template Shop ou Inventory.
- Demande des emplacements d’objets, des étiquettes de rareté, des boutons de prix et un bouton fermer.
- Ajuste le nombre d’emplacements et les couleurs selon l’économie de ton jeu.
- Exporte-le dans Studio et code toi-même la logique d’achat.
Figma te donne un fichier de design ; le Roblox UI Maker te donne des objets que Studio peut exécuter.
- Pas besoin de reconstruire une maquette Figma frame par frame dans Studio.
- Les layouts sont en couleurs flat : les visuels détaillés viennent toujours de tes propres images.
- Idéal pour poser et itérer vite sur la structure d’un écran.
Oui. Décris le HUD ou pars du template HUD.
- Demande des barres de vie et d’endurance, des hotbars, des chronos ou des compteurs.
- Garde le centre de l’écran libre pour le gameplay.
- Les barres sont statiques à l’export ; anime-les avec tes propres scripts.
Le layout en cours est enregistré uniquement dans ce navigateur.
- Il survit à un rechargement sur le même appareil.
- Exporte en Luau pour garder une copie ou le passer sur un autre ordinateur.
- Effacer les données du navigateur supprime le brouillon.
Oui. Des freelances utilisent le Roblox UI Maker pour poser des écrans avec leurs clients.
- Teste plusieurs layouts rapidement pendant un call.
- Livre un export Luau que le client lance dans son propre Studio.
- Ajoute les visuels sur mesure ensuite en ImageLabels.
Pose les écrans de ton jeu avant la prochaine update.
Décris une boutique, un inventaire ou un HUD, modifie le layout et lance-le dans Roblox Studio en vrai ScreenGui.
Créer mon UI