Assign Bar

The Assign Bar lets you manually override what Roblox class FigBloxUI uses for each element.

Why Override?

FigBloxUI auto-detects classes, but sometimes you know better:

• A frame that should be a ScrollingFrame
• An image that should be an ImageButton (clickable)
• A group that should use CanvasGroup for group transparency
• An element you want to Exclude entirely

How to Use

1. Select one or more elements in the preview, or a layer’s row in the Structure tab
2. Click the desired class in the Assign Bar
3. The element gets a colored border and class tag showing the override
4. The node’s name in Figma is also updated with a suffix (e.g., _ScrollingFrame)

Separate and Preserve layers

With Artwork layers set to Preserve layers, assigning ImageLabel or ImageButton to a group or frame usually keeps its layers inside it instead of combining them into one image (a group of artwork with a blend mode or a blur of its own, a group whose mask Roblox cannot reproduce, or a rotated group or frame of artwork with blends inside, can still become one image). With Separate, the group is combined into one image as in Automatic, and any text inside stays editable on top. In Separate and Preserve layers, the Roblox instance keeps the suffix in its name.

Keyboard Shortcuts

Key	Action
1	Frame
2	ScrollingFrame
3	CanvasGroup
4	TextLabel
5	TextButton
6	TextBox
7	ImageLabel
8	ImageButton
9	ViewportFrame
Delete / Backspace	Reset to Auto
Escape	Deselect all
Ctrl/Cmd+A	Select all

Reset

Click Reset (or press Delete / Backspace) to remove the override and return to auto-detection.

Exclude

The Exclude class completely removes an element from the export. Use it for:

• Figma-only annotations
• Design system helper frames
• Background decorations you don’t want in Roblox