Bloxporter [One Click Figma to Roblox Importer]

About this plugin

Quickly Export UI Into Roblox

If you have not, obtain the free Roblox plugin here

Live support in this discord server

How to Use:

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

How to Activate License:

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

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

1. _gray (exports as grayscale)
2. _button (exports as a button, creates ImageButton for all except TEXT node->TextButton)
3. _scroll (exports as a scrolling frame, only use on GROUP or FRAME node)
4. _image (exports as an image, recommended to put VECTOR nodes in FRAME nodes with this tag to export as a single item)
5. _lock (exports with UIAspectRatioConstraint)
6. _ignore (ignores object when exporting)
7. _parent (sets current object as the parent of all sibling objects while overriding the frame/group object is parented to)
8. _clicked (makes buttons with the same base name change to that image when mouse down (in Roblox))
9. _hover (makes buttons with the same base name change to that image when hovered (in Roblox))
10. _toggled (makes buttons with the same base name change to that image when toggled (in Roblox))
11. _disabled (makes buttons with the same base name change to that image when "Enabled" attribute is false (in Roblox))
12. _abs (exports image as absolute size)
13. _scrollx (makes scrolling frame scroll horizontally)
14. _box (makes a textbox)
15. _vpf (makes a ViewportFrame)
16. _canvas (makes a CanvasGroup)
17. 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:

1. Selected must be a GROUP or FRAME node
2. Parent must be "Layers"