Figma to Roblox.
Without the rebuild.
Select a frame and press Convert. Paste the code in Roblox Studio, and your design is there as native UI you can script and edit.
- Cancel button
- CANCEL
- Shine
- Halftone
- MaskMask
- Body
- Base
- Cancel button
- Cancel button
- Base
- UICorner
- UIStroke
- Body
- Mask
- Shine
- Halftone
- CANCEL
How it works
From a Figma frame to a working Roblox button.
- Figma
- Roll button
- ROLL
- Shine
- Halftone
- Body
01Select a frame
Any frame, group or component in Figma. Layer names and order come along.
- GuiMint pluginRoll button · 1000 × 350linkedConvertUploading images3/3
Import code
K7QH2M
02Press Convert
Images upload to your Roblox account and you get a six-character code.
- Roblox StudioK7QH2MImport
Imported into StarterGui
- StarterGui
- Roll button
- Roll button
- Halftone
- ROLL
03Paste in Studio
A ScreenGui appears in StarterGui. If you change your mind, Ctrl+Z.
- Roblox Studio · PlayPlaying04
Hit Play
It's a real Roblox button, ready for your scripts, tweens and sounds.
GuiMint pluginUnlock more with GuiMint
Secure checkout with Stripe. Cancel or change your plan anytime.
Tier 0
Free
Free forever
Try it on a real project.
Start freeWhat's included:
- 10 conversions a day
- Native text, gradients, strokes and masks
Tier 1
Creator
Billed $33 annually
Bring your images to life.
Everything in Free, plus:
- Unlimited conversions
Tier 2
Pro
Billed $51 annually
Shine, light and entrances.
Everything in Creator, plus:
Most popular
Every effect · +$3/month
Tier 3
Studio
Billed $75 annually
The full GuiMint experience.
Everything in Pro, plus:
Questions
No. You sign in to the Figma plugin, and if you want images uploaded automatically, you link your Roblox account through Roblox's own sign-in.
Free during the beta.
Sign in and you get Studio (Tier 3) free for the whole beta. Setup takes a minute.
Figma
In the desktop app, open Plugins → Development → Import plugin from manifest.
Roblox Studio
Put GuiMintImporter.rbxmx in your Plugins folder and restart Studio.