Quick Start
Create your first Roblox GUI in under five minutes.
Welcome to Roblox GUI Maker. This quick start walks you from a blank canvas to exported Luau.
1. Open the web editor and choose a device preset (desktop, tablet, or mobile). 2. Drag a Frame from the Components tab onto the canvas. 3. Add a TextButton and edit the text in the Properties panel. 4. Use UIListLayout or UIGridLayout to arrange children automatically. 5. Click Export to download the client .lua file or a full ZIP project.
You can also pick a template from the Templates page and open it directly in the editor.