Roblox GUI Maker for Settings Panels

A settings panel lets players tune music, sound, and particles — usually a list of rows with a label and a toggle. It opens from the menu and closes back to it.

What a settings panel usually needs

• Rows stacked with UIListLayout (label + toggle each)
• Open/close behavior wired to a button
• UIPadding so the contents don't touch the edges

How to build a settings panel in Roblox GUI Maker

1. Create a Frame sized to about 60% of the screen width. Add UIPadding with equal padding on all sides.
2. Inside, add a UIListLayout with Padding set to {0, 12}. Each child is a row Frame containing a TextLabel and a toggle Frame.
3. The toggle Frame switches between two visual states — the editor's show/hide action wires this for you.
4. Add a close button at the top. Wire it to hide the settings panel and re-show the parent menu.

Key Roblox properties for settings panels

Tips for a better settings panel

• Use a consistent row height (40–48px offset) so the list looks uniform.
• Store toggle state in a ModuleScript or Attributes so other scripts can read settings without querying the GUI.
• Add a section header TextLabel above groups of related settings (Audio, Visual, Controls).

Build it visually in Roblox GUI Maker — drag, resize, nest, auto-arrange with layouts, and wire buttons to show or hide panels — then export clean Luau that recreates the whole interface, click handlers included, ready to paste into a LocalScript. Free, no login.

Other use cases