FRAMEWISP
Docs
Buy
figma → roblox studio

Framewisp rebuilds your Figma frame
as native Studio instances.

Select a frame, press Export, then paste the 6-character code in Studio. You get Frames, TextLabels, TextButtons and ScrollingFrames, sized in Scale so the layout still holds on other screens.

Buy Get plugins Watch demo

Pro free for 7 days · then free forever, 5 conversions a day · no card, no API keys

figma
roblox studio
14 seconds, muted, on a loop

Watch one import, start to finish.

One frame, from the Export button to a finished tree in StarterGui.

figma
Shop / Main ▸ Header ▸ List_scroll ▸ icon.png ▸ Buy_button ▸ Price_aspect
FIGMA
roblox studio
ROBLOX
the first run takes about two minutes

What happens when you press Export?

1

Select a frame in Figma

Press Export in the plugin. Tags in layer names are optional — an untagged frame converts fine.

2

The plugin uploads your images

They go to your own Roblox account through the Roblox sign-in. You never open the Asset Manager. Up to 30 unique images per convert.

3

Paste the code in Studio

Six characters, and the tree appears: Frame, TextLabel, TextButton, ScrollingFrame, CanvasGroup, with UIStroke, UICorner and UIGradient already attached.

nothing was touched up

The font in this mockup isn't on Roblox, and it still looks right in Studio.

A real store UI with a custom font, converted in about 5 seconds. Frames, buttons, gradients and images come through native — its styled text as a pixel-perfect image.

Store UI designed in Figma Figma
The same UI running natively in Roblox Studio Roblox

Even the custom Madimi One font came across, rendered as a crisp image where Roblox can't match it.

the text toggle, per layer

When Roblox has no matching font, you decide what happens.

Custom-font or styled text comes through as a pixel-perfect image; plain text stays live and editable. You choose per layer — nothing is baked silently.

OFF Live, editable text. Closest Roblox font, tweak it anytime.
Framewisp plugin, text toggle off Roblox result, closest font
ON Exact font. Imported as a crisp image, pixel-perfect.
Framewisp plugin, text toggle on Roblox result, exact font
OFF · closest font
Close button, thin substitute rendering
thin, substitute rendering — editable
ON · exact font
Close button, bold exact original
bold, exact original — pixel-perfect

Why only the X changes here — it's the only plain text layer in this design. Everything else (“Store”, “Multi Cash”, the prices) is styled graphics (gradients, textures, outlines) that Roblox can't rebuild natively, so it comes through as a pixel-perfect image either way. The toggle only affects live text whose font isn't on Roblox.

both plugins are free

Before the first import: two installs and one sign-in.

Install both plugins, sign in with Roblox once, and convert. The plugins are free — you only pay to keep converting after the trial.

Get the Figma plugin Get the Studio plugin
Figma Community · Roblox Creator Store
six things it does, four it does not

Geometry, styles and behavior transfer. Blend modes and auto-layout don't.

Corner radii stay proportional

Linear gradients, corner radii, UIStroke, rotation, masks and tiled textures arrive attached to the instance. Radii are proportional, so a rounded card is still rounded on a phone. Plain text stays a live TextLabel in the closest font.

One toggle keeps Studio in sync

Flip one toggle and your Figma edits land in Studio by themselves, seconds after you stop editing. Keep the plugin window open — Figma only runs plugins while their window is open. Re-import never touches your scripts.

Rename a layer, get a working button

Call a layer Shop_button in Figma and it arrives as a TextButton with hover and press already wired. Also _scroll, _panel, _tab:Shop, _close, and {Coins} for a label that updates live in game. You write no scripts.

_button → becomes a real TextButton Play _hover _scroll _open:Shop _tab:Weapons {Coins} _nodim

Positions and sizes are Scale, not Offset

Positions and sizes come across as Scale values, with UIAspectRatioConstraint and text auto-scaling, so the layout survives a screen you did not design for.

A test suite checks the geometry

tested

Positions and sizes are verified by an automated geometry test suite, so accuracy is something I measure, not something I promise.

No API keys

Sign in with Roblox once and images upload straight to your own account — revoke access anytime. No API keys, no User IDs, nothing to install.

Behavior comes from the tags you type into layer names, not from Figma prototype links. Not supported: blend modes, auto-layout, Figma constraints and backdrop blur. Gradients on text bake into an image, and some effects are approximated.

_button _scroll _hover _clicked _ignore _aspect _button _scroll _hover _clicked _ignore _aspect _button _scroll _hover _clicked _ignore _aspect _button _scroll _hover _clicked _ignore _aspect _button _scroll _hover _clicked _ignore _aspect _button _scroll _hover _clicked _ignore _aspect
comparison

Honest math

FRAMEWISP
Others
By hand
Pricing
$5/mo · 4× cheaper
$20/mo · subscription
your time
Time per screen
seconds
30+ minutes
Cost per year
$45 — yearly plan
$240
hours of work
Pro free for 7 days — no cardAnd when the week ends you land on Framewisp Free, not on a paywall →
$0 FREE FOREVER
5 conversions a day, up to 15 images each — pixel-perfect layout, text, colours, strokes, scrolls and grids. No card, no expiry. Motion, buttons, live data and the libraries are Pro.
everything you convert keeps
working in your game, forever
MONTHLY
$5/mo

cancel anytime

Import with a 6-character code
Auto image upload to your Roblox account
Live sync — edit in Figma, Studio updates itself
Studio editor — move, resize and retype elements
Tags: buttons, states, scrolls, live data
Responsive UI: Scale + AspectRatio
Free updates
Buy Framewisp
Most popular
YEARLY −67%
$45/yr

$60 by monthly — you pay $45

Import with a 6-character code
Auto image upload to your Roblox account
Live sync — edit in Figma, Studio updates itself
Studio editor — move, resize and retype elements
Tags: buttons, states, scrolls, live data
Responsive UI: Scale + AspectRatio
Free updates
Buy Framewisp
LIFETIME
$49 once

pay once, keep it forever

$49$99

One payment — no subscription
Import with a 6-character code
Auto image upload to your Roblox account
Live sync — edit in Figma, Studio updates itself
Studio editor — move, resize and retype elements
Tags: buttons, states, scrolls, live data
Responsive UI: Scale + AspectRatio
Free updates
Buy Framewisp

Building as a studio? Team plan — $15/mo for 5 seats. Pick "Team" at checkout.

faq

Questions

?

No. You just sign in with Roblox once — Framewisp uploads images to your own account and you can revoke access anytime. No keys, no User IDs, nothing to install.

Yes. The plugin works in both the desktop and the browser version of Figma — export is identical.

Into your own Roblox account, through the Roblox sign-in — they become your assets. Framewisp never holds them, and you can revoke access anytime.

Geometry is verified by an automated test suite, so positions and sizes match the mockup. Linear gradients, corner radii, strokes, rotation, masks and tiled textures come across. Plain text stays a live TextLabel; styled or custom-font text arrives as a pixel-perfect image. Blend modes and auto-layout do not transfer.

Yes, a flexible one: $5/mo or $45/yr — yearly is about 25% cheaper. Cancel anytime; all updates included. Pro Forever is a one-time payment instead — its price climbs as seats sell.

Framewisp is a digital product with instant delivery, so purchases are non-refundable. If something does not work, message us on Discord and we will help you get it running. Subscriptions can be cancelled anytime to stop future charges.

Get Framewisp

Pro Week — 7 days of everything, no cardThen Framewisp Free keeps converting, every day →
$5Pro Monthly
$45Pro Yearly
$49Pro Forever
$15Team · 5 seats
Card or PayPal
Enter your founders code. The discount is applied on the next screen.

Order sent!