Hi, this is a free figma to roblox plugin, meant for UI Designers who design in figma such as myself
What features does this have?
Alot of tags for you to choose from
Export settings for you to customize how your export will run.
Quick actions so you can do some stuff way more quickly!
this can import dropshadows in texts from figma to studio!
can export autolayouts
Richtext is also supported
UIShadows supported
what tags does it have?
_Image : Will flatten the object and export as a imagelabel _Gray : Same as _image , but it will be grayscaled . _Parent : Will export the object as a parent of the whole group/frame _Textbutton : Will become a textbutton . _ImageButton : Will become a ImageButton . _ImageButtonF : Same as imagebutton, however will be flatten. _Button : Will become a textbutton or a ImageButton depending on its siblings. _Scroll : Will become a Scrollingframe in the Y axis. _ScrollX : Will become a Scrollingframe in the X axis. _VPF : Will become a viewportframe. _canvas : Will become a canvasgroup. _textbox : Will become a textbox, placeholder and text is both affected. _ignore : Will ignore the object. _UIList : When used on a object, it Will put a UIListLayout on the object. _Grid : When used on a object, it Will put a UIGridLayout on the object. _Lock : When used on a object, it will add a AspectRatioConstraint to the object. _Tile : When used on a object that has a image, it will make it a tile in roblox studio _Slice : When used on a object that has a image, it will slice the image. _stroke: When used, it will export the items as a stroke to the parent. _frame: will make the object a frame, best use case is when a object that is a “vector path” is suppose to be a rectangle.
some images of the quick actions and export settings:
I saw another plugin that had the option to auto upload the images using OAuth, I think. Could you add such a feature? Other than that, not a fan of copy-pasting, it would be whole lot intuitive to just stream from Figma to studio. Nevertheless, it’s alright for a free tool. The other one is unfortunately paid.
This update includes bug fixes, a UI Change, and some new features
- New features!
Automatic tile scaling! | when you do _tile, it exports it offsetted, you can now set it to be exported as scaled or offsetted in the export settings!
Export layers without them being visible! | You are now able export layers that are not visible in the export settings! images included ofc
Added a new tag | You are now able to do _frame on any object, even if its a vector path, all properties will be transferred to, best use case is if a “rectangle” has been flatten by accident!
- Changes/BugFixes!
Layer blur is now being grayscaled! | objects that has a layer blur is now affected by automatic grayscale.
Weird Zindexes fixed | Zindex had very random values, this has now been fixed.
UIList/UIGrid tags | These tags forgot to transfer one crucial part, spacing. it is now fixed! [these tags are mainly for people who dont use autolayouts or just want to transfer their autolayout list wrap to a uigrid or sum]
UI Changes | The current ui was good however it was hard to read for people who had problems reading. it is now changed for people to see the buttons and text way better!
imaged Masks now export correctly | Masks was padded on all sides when exported as a image, which is now fixed
Dynamic, brush and dashed strokes now exports correctly! | Dashed, dynamic and brush strokes are now able to be automatically grayscaled and be exported as images, before brush and dynamic didn’t export as images,
Radial/angular/diamond gradiants are now exported | These gradiant types are exported as images, as it did not export before
- How to update
Roblox plugin: at the top bop at the left, go to Plugins → Manage Plugins → Update RoImport
Figma plugin is already updated
if you got any suggestions/bug fixes, feel free to let me know
hey, ofc, currently i am working on a update on the plugin, after that i may make a full on tutorial covering how everything works and how to actually use the plugin properly.
there is some people who are offering to make tutorials for the plugin so if anyone makes a video abbot the plugin, ill add the video on the website and here
_button | _button willl now be able to detect whta type of button it will be. can either be a imagebutton or a textbutton.
image transparency and rotation toggles | you are able to determain if images will be exported rotated or not if it does not have a image tag [_image, _gray, _imagebuttonF, or the imagebutton flatten toggle]
auto upload images | will allow you to upload images via a APIKey. however its required for you to locally run your own bridge for this to work. instructions here
Past exports history | will allow you to view up to 10 exports you have did.
scale/offset | will allow you to determain if the UI is automatically scaled or offsetted. this is in the roblox plugin
UIShadow toggle | allow you to determain if UIShadow gets exported or not
- Changes/BugFixes!
Export settings are now saved! |export settings are now saved as you change them.
Strokes on exported images are now included. | before, it did not include outside/center strokes in exported images. now it does.
Fixed seperate layers quick action | it didn’t work with rotations pretty well before and ect, now it does
- How to update
Roblox plugin: at the top bop at the left, go to Plugins → Manage Plugins → Update RoImport
Figma plugin is already updated
if you got any suggestions/bug fixes , feel free to let me know
Amazing plugin, nice work! A few things come into mind.
What happens if I use the same design eg. A Stylized Frame that is repeatedly used as frames for buttons, menus. Does it create separate images for each of them? or reuse the same image?
What if an image already exists in studio? Do I need to reupload the image again?
Thanks, that sounds great! A full tutorial would definitely help a lot of people get started with the plugin. It’s also awesome that you’re planning to feature community-made tutorials on the website and here.
Looking forward to the update and any future guides!
hi, been a while since i updated yall with anything, but heres a quick preview of one of the new updates; theres alot more happenning than this, i would expect a update within 3 days.
in terms of a tutorial, i really do not know, i need to make time for it and not only that, i need to cover everything so honestly just dont expect it to come soon
- New features!
- Changes/BugFixes!
