Generate UI
Revix can build complete ScreenGui hierarchies from a natural-language description. Ask for a shop, a settings panel, a leaderboard — and you get real Roblox UI instances, parented and styled, ready to wire up to your code.
What it does
The render_ui tool takes your description and runs it through Revix's internal UI transpiler. The transpiler emits a full instance tree: Frames, TextLabels, layout objects, padding, strokes — everything needed for the layout to look right out of the box.
The result is inserted into your chosen parent (default StarterGui) as a new ScreenGui.
Supported instance types
The transpiler can emit:
| Instance | What it's for |
|---|---|
| `ScreenGui` | The root container |
| `Frame` | Generic containers |
| `TextLabel` | Static text |
| `TextButton` | Interactive buttons |
| `ImageLabel` | Static images / icons |
| `ScrollingFrame` | Scrollable lists |
| `UIListLayout` | Vertical or horizontal flow layout |
| `UIPadding` | Inner spacing |
| `UIStroke` | Outlines |
| `UICorner` | Rounded corners |
| `UIGradient` | Color gradients |
| `UIAspectRatioConstraint` | Aspect ratio locks |
If you ask for something the transpiler doesn't know how to emit, Revix will fall back to creating instances manually with the create_instance tool.
How to ask
Be concrete about layout, content, and style.
Render a shop UI in StarterGui. Centered modal, 600 by 400, dark blue background with rounded corners. Title bar at the top says "SHOP". A 3-column grid of item cards below. Each card has an icon, name, price, and Buy button.Render a top-left HUD in StarterGui. Shows the player's coin count with a coin icon, and below that a health bar (red fill on dark background). Small text, semi-transparent.Render a settings panel with a vertical list: Music Volume slider, SFX Volume slider, Quality dropdown, Reset button. Modern flat style, accent color teal.Best practices for prompts
- State the parent. "In StarterGui" or "In PlayerGui" — otherwise Revix defaults to StarterGui.
- Give dimensions. "600 by 400 centered" beats "medium-sized".
- Name the colors. "Dark navy background, white text, teal accent" produces consistent results.
- Describe the layout. "Vertical list", "3-column grid", "anchored to the top-right corner".
- Mention rounded corners, strokes, and shadows if you want them — the transpiler skips them by default.
After generation, you can iterate.
Make the Buy buttons larger and use a green background instead of grey.Add a close X in the top-right corner of the shop modal.Revix will re-render or surgically edit the existing UI depending on the scope of the change.
Troubleshooting
- UI looks misaligned: ask Revix to add
UIListLayoutorUIPaddingexplicitly. - Wrong parent: state the parent in your prompt or move the ScreenGui afterwards with Creating Instances.
- Wants pixel-perfect control: combine generation with
set_propertiesfor fine tweaks. See Modifying Properties.