Your Figma design,
as native Roblox UI
Select a frame, tag what should move or click, and paste one code into Studio. GUIHelper builds real Frames, TextLabels, buttons, scrolling lists and grids – animated and ready for every screen size.
7-day free trial · Works with Figma and Roblox Studio
Figma in, Roblox out
Every layer becomes the Roblox object that fits it best – laid out in Scale, centred and aspect-locked like a pro would build it by hand.
| In Figma | In Roblox Studio |
|---|---|
| Frames & groups | Frame (CanvasGroup when the group is transparent) with UICorner, UIStroke and UIGradient where Roblox can draw it natively |
| Text | TextLabel with the matching Roblox font, stroke, gradient and drop shadow – text that doesn't fit Roblox becomes a pixel-exact image |
| Images, shadows, textures | ImageLabel uploaded to your account, cut to exactly the right size; tiled fills stay tiled |
| Masks & clipping | Clipping Frame, or CanvasGroup for rounded and rotated content |
| Layers tagged _button | ImageButton or TextButton with hover and press feedback |
| Layers tagged _scroll / _grid | ScrollingFrame with the right canvas / UIGridLayout with your exact cells, gaps and padding |
| Animation tags | Attributes on the element plus one small LocalScript that plays them – tweak values like SpinSpeed right in Studio |
One tag, one effect
Click a layer in the live simulation, pick its tags and tune every effect with sliders. The game plays exactly what the preview shows.
Plus actions without scripting: _close _open:Shop _toggle:Shop _panel – see the tag reference.
Set up in two minutes
Two small plugins – one for Figma, one for Roblox Studio – talk to each other through a short code.
Install the Figma plugin
Open it in the Figma desktop app or in the browser.
Install the Studio plugin
Add it to Roblox Studio and restart Studio once. Allow internet access the first time it asks.
Connect with Roblox
In the Figma plugin, connect your Roblox account once and click Allow. Images now upload to your account – no API keys.
Try first. Pay once.
Start with a free trial. Keep GUIHelper with a one-time purchase – no subscription.
GUIHelper
7-day free trial- All type & action tags
- 18 animations with live tuning
- Live simulation & device sizes
- Unlimited imports into Studio
GUIHelper Pro
Coming later- Everything in GUIHelper
- Extra pro features (in development)
Checkout is handled by Lemon Squeezy, our reseller and Merchant of Record – including payment, invoice and taxes.
Stop rebuilding UI by hand
Your next shop, inventory or reward screen is one Figma frame away.