Bloxporter [BETA] (PAID) | Fast Figma -> Roblox With Custom Configurations

Bloxporter [BETA]

Install (Roblox) | Install (Figma) | Tutorial (COMING SOON)

Bug Reports / Feature Requests:

Bloxporter:

Bloxporter is a PAID Figma → Roblox UI importer. It is incredibly versatile with many tags like _button, _image, or _scroll you can use to save time on importing. The importer can import a variety of things, including UIGradients, UIAspectRatioConstrsaints, UICorners, and UIStrokes. However, do note that there are limitations with mixed fills/strokes/corners, which can only be imported as images.

:eyes: Sneak Peak Of The Plugin:

:spiral_notepad: Usage

Feature List

If you have not, obtain the free Roblox plugin here and Figma plugin here

How to Use:

  • Open the plugin
  • Configure your project*
  • Select the frame you want to export (check conditions)
  • Click Export
  • (If Applicable) Download images and unzip via 7zip, Import images onto Roblox, Insert into workspace
  • Copy the JSON string
  • Paste into the Roblox Plugin
  • Click Import
  • Note: Export hierarchy will be the same as the project hierarchy.

How to Activate License:

  • Retrieve license key from GumRoad product page found here
  • Copy license key into activation page
  • Press ENTER/Unfocus to log in
  • Note: License does not need to be reentered and can only be used once.

*Configuration Tags (apply to node name to modify exporting):

  • _gray (exports as grayscale)
  • _button (exports as a button, creates ImageButton for all except TEXT node->TextButton)
  • _scroll (exports as a scrolling frame, only use on GROUP or FRAME node)
  • _image (exports as an image, recommended to put VECTOR nodes in FRAME nodes with this tag to export as a single item)
  • _lock (exports with UIAspectRatioConstraint)
  • _ignore (ignores object when exporting)
  • Attaching “#” at the start of a node name will cause it to become an “icon”. It is recommended to add this to nodes with the same image contents, as it will export a singular image and apply it to all of the icons to lower the amount of images needed to be uploaded.

Export Conditions:

  • Selected must be a GROUP or FRAME node
  • Parent must be “Layers”

:hammer_and_wrench: Contributors

@GoldTrendz - Logo/Testing
Comission or Check him out here.
@Quellyxx - Moral Support
Comission her to make some UIs here.

:pen: Notes

This plugin is in its early stages of development, so expect bugs. Additionally, to reiterate, this is a paid plugin.

7 Likes

lovely.

twentyeightcharactersonly

Why would anyone pay for something that’s already free… I don’t see any reason since all those importers do the same thing.

1 Like

My friends had a lot of complaints about the old one and this version offers a lot more customization.

I think this is a great plugin but I think it could also be pricey for solo developers.
$20 a month is very pricey to people who just have hobbies or small projects, etc.

But overall very nice plugin!

2 Likes

I agree, it, for sure, looks like the best importer plugin. But a $20/monthly fee seems a bit expensive. If the price was even just cut in half, it would probably be a no-brainer.

I mainly made this for people who do UI for commissions. I’ve asked around and most people make the 20$ back with just a couple of imports.

Yeah, I mean, in my case, I still will probably buy it.
I just think the equilibrium price is a bit lower.
Anyway, good job on the plugin, you deserve getting paid. :slight_smile:
Btw the Bug Reports link doesn’t work for me, it just brings me to the discord website.

2 Likes

Fixed it, for some reason it doesn’t like hyperlinking to a server

It appears to not be importing my font correctly
image

Prompt is a valid font but the method you are using to set it is faulty, I’d recommend getting the IDs of each font on the toolbox and using Font.FromId or whatever it is

1 Like

I’m aware of this issue, but I don’t think anyone has compiled all the IDs, so going down and writing down all the IDs and matching them to the fonts is not my priority at the moment.

1 Like

Nevermind I found a list and just compiled it. The plugin should now support it lol.