Roblox GUI Maker turns ideas into shops, menus and HUDs with AI. Start with a prompt or preset, edit the layout in your browser, and export native UI for Roblox Studio.
Give Roblox GUI Maker a screenshot for visual direction. This pet shop example becomes editable cards, labels and buttons, with image slots for your own artwork.
Choose a preset in Roblox GUI Maker or describe your screen. Include its main action, content and colors, plus an optional reference image.
Select a component in Roblox GUI Maker to edit its text, color, size or position. Use AI to revise a selected group.
Check desktop and phone previews, then download Luau or .rbxmx. Continue in Studio and connect the interface to your game scripts.
Describe a purple shop with three item cards, prices and Buy buttons. Roblox GUI Maker creates separate, named components, so you can change a heading or move a button without rebuilding the screen.
Shape Your Layout
In Roblox GUI Maker, select a title to rewrite it or a Frame to restyle its contents. AI preserves surrounding components; property controls let you adjust text, colors and dimensions directly.
Edit an Element
Use the HUD preset in Roblox GUI Maker to arrange a coin counter, stage label and progress bar. Check their placement in the phone preview, then connect the values to game data in Studio.
Try a HUD
Export your Roblox GUI Maker canvas as .rbxmx or Luau. Frames, labels and buttons stay editable, including your latest changes. Add scripts in Studio to connect player actions to your game.
Export Your DesignRoblox GUI Maker keeps your project in one browser workspace. Choose a layout, organize its components and save an editable backup for your next session.
Choose shop, menu, inventory, trade, HUD, settings or rewards presets. Adapt their editable components to the screen your game needs.
Compare a change with the previous version and undo it when needed. Rename objects and organize Frames to keep the hierarchy readable.
Manual editing and downloads need no sign-in. AI uses your website account, with no Roblox account connection or Studio plugin required.
Resume your browser draft on this device, or download a GUI project JSON. Open the backup to continue editing on another device.
Yes. Presets, manual editing, previews, project backups and native exports are free. AI generation and each AI revision cost 60 site credits. New accounts receive 180 one-time site credits, enough for three GUI AI operations.
No. Create, edit and download layouts without connecting a Roblox account or installing a plugin. AI requires an account on this website and uses your shared site credit balance.
Label the main action clearly, group related controls and leave room for gameplay. Check text size and button spacing in the phone preview. Test the export in Studio with your actual camera, controls and game data.
Upload a PNG, JPG or WebP image up to 2 MB to Roblox GUI Maker. AI uses its layout, text and colors as guidance. Detailed illustrations become image placeholders for your own Roblox asset IDs.
Yes. The Trade preset in Roblox GUI Maker includes two offer panels and a confirmation area. Customize the layout, then connect it to server scripts for item ownership checks, confirmations and cancellations.
Roblox GUI Maker exports visible buttons and their properties. Add LocalScripts for navigation and game scripts for purchases, equipment or rewards. Validate currency and item actions on your server.
Yes. Select an element, choose Selection and describe the change. A selected Frame includes its children; other components stay unchanged. Manual controls and Undo also work for small corrections.
Roblox GUI Maker saves a draft in your browser. Download the GUI project JSON for a portable backup and reopen it through Project files. Account AI results follow your plan’s retention period; keep downloads for longer storage.
Roblox GUI Maker exports .rbxmx for importing native objects, or Luau to create them in StarterGui. Both reflect your current canvas. Project JSON is an editable backup for this browser tool, not a Studio import format.
Give Roblox GUI Maker the screen type, main action and information players need: for example, an inventory with three item cards, names and Equip buttons. Add a color theme or reference image to clarify the layout.
Build your next screen with Roblox GUI Maker. Customize a preset or describe a layout, then export editable components for Roblox Studio.
Build Your GUI
