Per-corner UICorner properties with Native UI beta enabled
Stroke
UIStroke
Gradient stroke
UIStroke + UIGradient
Stroke alignment
UIStroke BorderStrokePosition
Stroke joins
UIStroke LineJoinMode
Multiple strokes
Multiple UIStroke children via _stroke
Rotation
Rotation (with recenter)
Drop shadow
UIShadow with Native UI beta enabled
Text
Figma Feature
Roblox Result
Font family
FontFace (50+ mappings)
Font weight
FontFace.Weight
Italic text
FontFace.Style
Font size
TextSize
Text alignment
TextXAlignment + TextYAlignment
Text auto-resize
AutomaticSize
Text wrapping
TextWrapped
Text scaling
TextScaled + UITextSizeConstraint
Line height
LineHeight
Mixed styles
RichText with <font> tags
UPPERCASE/lowercase
TextCase transformation
Underline/Strikethrough
RichText <u> / <s> tags
Text truncation
TextTruncate
Images
Figma Feature
Roblox Result
Image fill
ImageLabel (auto-upload)
Vector shapes
ImageLabel (exported as PNG)
Complex effects (unsupported shadows, blur)
ImageLabel (flattened to PNG)
Mixed corner radii
Per-corner UICorner with Native UI beta, otherwise flattened
Multiple fills
ImageLabel (flattened)
Tintable icons
_gray image mask + ImageColor3
Transparent edge cleanup
PixFix mode removes dark halos around PNG edges
Smart Detection
Emoji text — Text layers containing emoji are automatically exported as PNG images, because Roblox renders emoji differently from Figma. Exporting as an image ensures your design looks exactly the same. If you’d like an option to export emoji as text instead, feel free to request it!
Text as image — Add _ImageLabel or _ImageButton suffix to a TEXT node to export it as a PNG image. Useful for decorative text that should be rendered as an image in Roblox.
Button detection — Frames with text children and interactive names are auto-detected as TextButton or ImageButton.
Native UI beta — Supported drop shadows and individual corner radii stay editable as native Roblox instances when the beta toggle is enabled.
Repeat groups — Linear Figma Repeat groups are expanded into normal repeated Roblox instances. Radial repeats are not converted yet.
Tintable icons — Add _gray to an image or icon layer to export a white mask that can be recolored with Roblox ImageColor3.
PixFix mode — Cleans dark halos around transparent image edges, especially rounded corners and soft edges.
Visual-only nodes — Nodes with effects Roblox can’t render natively are automatically flattened to PNG.
Flattened / Limited
These Figma features don’t have editable Roblox equivalents, so FigBloxUI exports them as PNG images when needed: