Écrans de boutique
Un cadre, un bouton d’achat et des icônes de pièces et de gemmes assortis. Branche le tout avec un script de boutique.
0/400
On ajoute le style Roblox pour toi : décris juste ce qu’il y a dedans.
6 styles
Export en PNG 1024×1024. Jamais publié dans une galerie publique : seules les personnes à qui tu envoies le lien peuvent l’ouvrir.
60 crédits offerts à l’inscription · Sans carte bancaire
Tu décris. On lui donne le style Roblox.
Exemple de description
“Des boutons bonbon bien épais, un cadre d’inventaire arrondi, des icônes de pièces et de gemmes, rose et menthe”
Nouveau ici ? Crée un compte gratuit pour recevoir tes crédits de départ.
Un kit d’UI assorti en un seul prompt
Créateur de GUI Roblox
Une bonne UI Roblox, c’est avant tout de la cohérence : chaque bouton, chaque cadre et chaque icône dans le même style. Choisis un style et des couleurs, et ce créateur de GUI Roblox dessine des boutons Jouer, Boutique, Paramètres et Fermer, un cadre de panneau, des icônes de monnaie et une barre de progression, tous assortis.
Tu reçois une seule sprite sheet de 1024×1024. Découpe-la en ImageButtons et ImageLabels dans Roblox Studio — la logique, elle, vient de tes scripts.
Choisis un styleRécupère la sprite sheetDécoupe dans Studio
02 / L’idée
Du design d’UI Roblox sans graphiste
“Des boutons en bois et en pierre à liseré doré, un panneau en parchemin…”
La plupart des jeux Roblox mélangent des boutons de free models, un cadre récupéré ailleurs et du texte par défaut. Voilà pourquoi ils ont l’air inachevés. Le prompt derrière cet outil demande un set complet — boutons épais, cadre arrondi, icônes de monnaie et une barre — avec des contours marqués, un espacement régulier et une vue de face à plat, pour que chaque élément soit facile à découper.
Ce que ce n’est pas : une GUI fonctionnelle. L’outil fait les visuels, sur un fond sombre uni (pas transparent). Pour le code qui ouvre une boutique ou un menu de paramètres, utilise le générateur de script Roblox.
03 / Ce que tu peux créer
Une GUI Roblox pour les écrans dont chaque jeu a besoin
Décris l’écran que tu construis, et le kit inclura les éléments qu’il lui faut.
Paramètres et menus
Des interrupteurs nets, des boutons de fermeture et des cadres fins pour les écrans que les joueurs ouvrent à chaque session.
HUD de simulator
Des boutons Jouer, Boutique et Rebirth plus une barre de puissance — la base de tout écran de simulator.
04 / Choisis un style
Roblox UI : six styles au choix
Le même kit dans chacun des styles prédéfinis de l’outil ci-dessus. Clique sur un style pour le charger.
Candy
Brillant et pétillant. Parfait pour les obbys, les cafés et les jeux de pets.
Sci-fi
Hologrammes et cadres hexagonaux. Parfait pour les jeux spatiaux et high-tech.
Medieval
Bois, pierre et parchemin. Parfait pour les RPG et les châteaux.
Minimal
Épuré et discret. Parfait pour les menus qui ne doivent pas voler la vedette.
Cartoon
Contours épais et effet rebond. Le look classique des simulators.
Neon
Bords lumineux sur fond sombre. Parfait pour les jeux de rythme et de course.
05 / Comment ça marche
Comment faire une GUI Roblox avec l’IA
YOUR IDEA
“Boutons bonbon bien épais, un cadre de boutique arrondi, rose et menthe”
Décris le style
Thème, formes et deux ou trois couleurs. Précise l’écran dont tu as besoin.
CandySci-fiMedievalMinimalCartoonNeon
Choisis un style prédéfini
Candy, Sci-fi, Medieval, Minimal, Cartoon ou Neon.
Télécharge la sprite sheet
Un PNG de 1024×1024 avec tous les éléments bien espacés.
ImageButton
Image = rbxassetid://…
ScaleType = Slice
SliceCenter = 24,24,104,104Découpe-la dans Studio
Recadre chaque élément, importe-le dans l’Asset Manager et définis-le comme Image d’un ImageButton. Utilise ScaleType Slice pour les cadres.
06 / Ce que tu obtiens
Commence gratuitement, ne paie que quand tu en veux plus
60crédits offerts
à l'inscription
à l'inscription
01
Inscris-toi gratuitement et reçois 60 crédits : de quoi faire 6 images, ou ton premier jeu plus une image. Ils sont valables 30 jours, sans carte bancaire.
02
Chaque image coûte 10 crédits. Si une génération échoue, les crédits reviennent directement sur ton solde.
03
Les téléchargements sortent en sprite sheet PNG 1024×1024. Besoin aussi de la logique des boutons ? Le générateur de script Roblox l’écrit pour 5 crédits.
07 / Le mur d’inspiration
Idées de kits GUI Roblox
De vrais résultats sortis de cet outil. Charge un prompt et change les couleurs pour qu’elles collent à ton jeu.
CandyInventaire bonbon
Des boutons bonbon bien épais, un cadre d’inventaire arrondi, des icônes de pièces et de gemmes, rose et menthe
Sci-fiHUD hologramme
Des boutons holographiques, un cadre de panneau hexagonal, des icônes d’énergie et de cristal, cyan et bleu marine
MedievalMenu de château
Des boutons en bois et en pierre à liseré doré, un panneau en parchemin, des icônes de pièce d’or et de potion
CartoonÉcran de boutique
Un cadre de boutique avec un gros bouton d’achat, des icônes de pièces et de gemmes, orange et violet
MinimalParamètres
Des boutons Paramètres, Musique et Fermer, un cadre de panneau fin et une barre de progression, noir et blanc
NeonHUD de simulator
Des boutons Jouer, Boutique et Rebirth lumineux, un panneau de stats et une barre de puissance, magenta et bleu
08 / Avant de commencer
FAQ du créateur de GUI Roblox
Est-ce que ça crée une GUI fonctionnelle ?
L’outil crée les visuels : un kit assorti de boutons, de cadres, d’icônes et de barres. Associe-le au générateur de script Roblox pour obtenir le code Luau qui ouvre les menus et gère les clics.
Je peux avoir des PNG transparents ?
Pas encore. Le kit arrive sur un fond sombre uni, pour que chaque élément soit facile à découper ou à détourer.
Comment utiliser le kit dans Roblox Studio ?
Recadre chaque élément, importe les images dans l’Asset Manager, puis définis-les comme Image de tes ImageButtons et ImageLabels. Utilise ScaleType Slice pour les cadres, afin qu’ils s’étirent proprement.
Le créateur de GUI Roblox est-il gratuit ?
Tu peux commencer gratuitement avec les 60 crédits reçus à l’inscription. Chaque kit coûte 10 crédits.
Quelle est la taille de la sprite sheet ?
1024×1024 pixels, avec des espaces entre les éléments pour les découper facilement.
Quel modèle d’IA utilise cet outil ?
Chaque kit GUI est généré par Nano Banana (Google Gemini 2.5 Flash Image), que nous utilisons via fal.ai. La liste complète des modèles derrière LevelShaper figure dans nos conditions d’utilisation (en anglais).