Quick Roblox UI Exporter by Solys

About this plugin

How it Works:

1. Name the files inside Figma you want to export as one of the keywords: 'Frame' , 'Button', 'Icon', etc
2. Preferably use a 1920x1080 background behind your UI, for example have the settings frame UI on a 1920x1080 background, group it together and name it 'Settings'
3. The plugin will export and auto organize, you'll receive a file with Settings screen inside, an import reference for the Settings screen and all assets needed inside. Saving you hours on big projects as you can select 20, 30 screens at once and click export!

Why You’ll Love It:

⚡ One-Click Export – Select the UI screens you want to export and click the button

📁 Neatly Organized – Auto-sorts files by screens for easy access, all stored nicely in a zipped folder

⏳ Saves Time – Focus on design, not file management & exporting

✅ Hassle-Free – Works seamlessly with any project, automatically detects UI it needs to export by it's name, if it contains following keywords in it's name the plugin will automatically export the UI as a PNG file:

Frame

Button

Icon

UI

Scroll

Line

Title

Subtitle

Captions don't matter just include the keyword into one of those UIs you made and it'll export it automatically, you also have it nicely named for easy work with importing.

🔍 Auto-Upscaled (3x) – Maintains perfect quality for Roblox imports.

📌 Import References – Each screen automatically gets an import image reference to guide the user for seamless Roblox importing.

🎯 Try it now & simplify your workflow!