Back to Plugins
Figma To Roblox

Figma To Roblox

For the developer who cares

robloxfigma-to-code

Plugin Preview

Figma To Roblox preview

About this plugin

Export your Figma designs to Roblox


Simple usage:

  1. Run Figma to Roblox
  2. Select the item(s) you wish to export
  3. Click 'Convert Selection'
  4. Download the rbxmx file and import into roblox!


Simple usage (video)


Usage with Images:

  1. Run Figma to Roblox
  2. Navigate to your Credentials
  3. (Step 1) Create a new Api Key (via the 'CREATE API KEY' button)
  4. (Step 2) Give the api key 'Assets API' permission
  5. (Step 3) If you are using my servers as a proxy (default), while it isn't recommended, add `0.0.0.0/0` to the list (since my servers have several different ips, and use cloudflare it'd ruin the inconvenience of this plugin). Optionally, if you're hosting your own proxy just enter your own ip.
  6. Now that you've got an api key, copy and paste it into the 'Cloud API Key' field in the FTR ui (Remember to enter your userid into the 'User ID' field!)
  7. Enable 'Upload Images' (Optionally you can enable 'Export Images' which will export all images and zip them)
  8. Finally, click 'Convert Selection' and wait until you either see a prompt to download or an error pops up
  9. Go into roblox, select 'Import from File' and select the file you just download!


Example usage (video)


To export an element (or a group) make an export setting with the suffix 'EI' (only supports PNG and JPG formats) example


Feel free to suggest updates or report bugs to me:

NoTwistedHere#6703 on Discord

Github repo

Plugin Details

Version4
CreatedNovember 30, 2023
Last UpdatedDecember 5, 2023
CategoryImport & export plugins
CreatorDan Culligan
Stats436 installs, 34 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:src/index.html
  • main:src/code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none