Figma to Roblox
in One Click

Convert your Figma designs to Roblox Studio UI instantly. Images upload automatically. No manual setup required.

Install Figma Plugin Read Docs
🎨

Assign Bar

Assign Roblox classes directly in Figma. ImageButton, TextButton, ScrollingFrame — just click to override.

🖼️

Auto Image Upload

Vector shapes, image fills, and complex effects automatically export as PNG and upload to Roblox.

📐

Responsive Scaling

All positions use Scale-based UDim2 for responsive UI. UIAspectRatioConstraint keeps proportions.

✏️

Rich Text Support

Mixed fonts, sizes, colors within one text node convert to Roblox RichText with <font> tags.

🔄

Smart Detection

Buttons, scroll areas, and image elements are detected automatically from your Figma design.

Instant Transfer

Select a frame, click Send, and it appears in Roblox Studio. No copy-paste, no manual work.

How It Works

1

Design in Figma

Create your UI as you normally would. Use Auto Layout, components, and effects.

2

Preview & Assign

Open FigBloxUI, preview your design, and optionally assign Roblox classes to elements.

3

Send to Roblox

Click Send. Your UI appears in StarterGui with all images uploaded and properties set.

Simple Pricing

Start with a 14-day free trial. No credit card required.

$9/month
Start Free Trial