Prefixes

Most layers do not need prefixes. Use prefixes only when Figblox needs extra intent.

Prefixes go at the start of the layer name. Format: .prefix Layer Name. The text after the last prefix becomes the name in Roblox (.textbutton Shop → TextButton Shop).

By default, text becomes a TextLabel; frames, groups, components, instances, and plain rectangles become Frames; vectors, shapes, and image fills become ImageLabels; everything else defaults to Frame. Corners, strokes, gradients, auto layout, and padding often spawn UICorner, UIStroke, UIGradient, UIListLayout, UIPadding, and similar automatically (no prefix required).

Quick Rule

• No prefix when the layer already maps to the right Roblox type.
• Add a role prefix (.textbutton, .imagebutton, .scrollv, .scrollh, .canvas, …) to force a specific class.
• Use .raster to bake to PNG, .parent so one direct child hosts siblings, state tags for variants, .ignore to skip helpers.

Common recipes

Button with image background

.imagebutton Close
  X
  .parent .raster Background

The root is an ImageButton. .parent .raster on Background bakes the artwork and makes that layer the real parent; X stays inside the button. Only one direct child should use .parent. Do not tag multiple siblings.

.imagebutton Close
  .parent X
  .parent Background   ← avoid

Scroll list or grid

.scrollv SlotScroll
  Slots
    Slot 1
    Slot 2
    Slot 3

Use .scrollv or .scrollh on the scroll frame; put both on one layer for two-axis scrolling, or use Figma overflow Both (see Auto Layout). For a grid, use auto layout with horizontal wrap on the content row; Figblox turns that into list/grid-style layout in Roblox.

Raster complex art

.raster Card Art

Use when gradients, masks, blur, or stacked effects should ship as one PNG instead of many separate objects.

State variants

.imagebutton Buy
.pressed Buy
.hover Buy
.disabled Buy

Separate layers or components share the same Roblox-facing name; each state prefix marks which variant it is for import and matching.

Ignore helper layers

.ignore Guides

For guides, measurements, notes, or scratch geometry that should not export.

Prefix Tags panel

In the Figblox plugin, open Prefix Tags, select a layer, and build prefixes plus the display name without typing raw strings.

• Layer: combined prefixes and title (e.g. .raster Fill).
• Role: Frame, Text Label, Scroll V/H/XY, Canvas, Viewport, etc.
• States: Hover, Pressed, Toggled, Disabled.
• Tags: Gray, Parent, Lock, Ignore; Raster toggles .raster.

See Raster for bake behavior. Scroll XY in Role matches two-axis scrolling: the same idea as .scrollh and .scrollv together.

Full prefix reference

Object prefixes

Other prefixes

Combining prefixes

• Prefixes can stack.
• Use one role prefix per layer.
• Use one state prefix per layer.
• Use only one .parent child per group.
• Avoid .lock .raster.