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.

text

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.

text

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.

text

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.

text

Make the Buy buttons larger and use a green background instead of grey.

text

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 UIListLayout or UIPadding explicitly.
Wrong parent: state the parent in your prompt or move the ScreenGui afterwards with Creating Instances.
Wants pixel-perfect control: combine generation with set_properties for fine tweaks. See Modifying Properties.