UI Designer — Inspector¶
The Properties panel on the right edits the current selection. With nothing selected you see a short empty hint. Sections show or hide based on class (a TextLabel gets Text; a ScrollingFrame gets Scrolling).
There will be bugs
This is beta. If a property looks wrong or a control misbehaves, please report it on the DevForum plugin thread or Discord.
Screen (no child selected)¶
When the ScreenGui itself is selected:
| Section | Use |
|---|---|
| Screen | Name and ScreenGui flags (IgnoreGuiInset, ResetOnSpawn, ZIndexBehavior, …) |
| Viewport | Artboard size (same presets as the tool strip) |
| Canvas | Designer canvas colours (artboard / bed) — editor-only, not in-game |
Element sections¶
| Section | Typical contents |
|---|---|
| Frame (element) | Class convert, name, visible, z-index |
| Position | Position and size (scale / offset), with convert helpers |
| Transform | Rotation, anchor point |
| Layout | Automatic size, layout order, clips, size constraint |
| Scrolling | Canvas size, scroll bars, direction (ScrollingFrame) |
| Text | Font, size, wrap, alignment, colour, rich text |
| Image content | Image asset, scale type, slice, colour |
| Button | Button-only options (AutoButtonColor, …) |
| Appearance | Background transparency and related |
| Fill | Solid colour or gradient (UIGradient) |
| Stroke | UIStroke colour, thickness, advanced options |
| Shadow | UIShadow (and advanced popup) |
| Objects | Layout objects on the selection — UIListLayout, UIGridLayout, UIPadding, UICorner, aspect ratio, and similar |
Colour, opacity, and some number fields can link to a variable — see Variables.
Convert type¶
At the top of the element section you can morph the instance:
Frame · CanvasGroup · ScrollingFrame · TextLabel · TextButton · TextBox · ImageLabel · ImageButton
Shared properties and children are kept. Properties that do not apply to the new class are dropped.
Fill, stroke, and shadow¶
- Fill — solid colour or a gradient. Gradients can be edited in the designer gradient popup (stops, rotation, transparency).
- Stroke — add or edit
UIStroke; extra options live in the stroke popup. - Shadow — add or edit
UIShadow.
Eyedropper / colour picking uses the designer colour picker (same family as the standalone Color Picker tool).
Layout objects¶
Objects lists adornments parented to the selection. Add list/grid/padding/corner from there, then tweak padding, cell size, sort order, and so on. Layout-placed children skip freeform Position/Size when a layout owns them.
Undo¶
Inspector edits go through Studio undo. One control change is usually one undo step.