Skip to content
This repository has been archived by the owner on Sep 1, 2024. It is now read-only.

Rawblocky/RobloxPlugin-FigmaToRoblox

Repository files navigation

Originally made in 2022

Note: This plugin isn't actively being updated. For an alternative, see https://devforum.roblox.com/t/2961561

Roblox Marketplace: https://create.roblox.com/store/asset/10801502587

Roblox/Figma Plugin files: https://github.com/Rawblocky/RobloxPlugin-FigmaToRoblox/releases/tag/release

Figma to Roblox

Position out Figma elements onto Roblox Studio! Grab a JSON Converter plugin on Figma, and then enter its code into this plugin. It'll insert all/most of the elements as accurately as possible.

Note that this does not provide a perfect 1:1 replica, rather, it's more of a plugin to position everything out so you don't need to. This plugin also positions/sizes everything in offset, so you may need another plugin to fix that for you.

Building (Roblox Plugin)

To build the Roblox plugin, make sure you have Visual Studio Code installed with the folder in this repository opened as the workspace.

You will also need the Rojo extension installed and enabled.

From there you can press Ctrl + Shift + B inside of Visual Studio Code and the plugin should be deployed to Roblox Studio's Plugins folder!

Credits

Roblox plugin written by Rawblocky Figma plugin partially by Rawblocky, but with some code from online tutorials (I don't program in TS!)

Used MaximumADHD's Roblox-Plugins's repository as a reference for how this repository is structured and the file needed to build this plugin