Back to Plugins
Figma To Roblox

Figma To Roblox

Convert Figma Designs to Roblox Instances

rbxdevrobloxfigma-to-coderoblox studio

Plugin Preview

Figma To Roblox preview

About this plugin

Export your Figma designs to Roblox


Simple usage:

  1. Select the item(s) you wish to export
  2. Click 'Convert Selection'
  3. Save the rbxmx file, and import (or drag) 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) It is recommended to enter your IP, optionally while it isn't recommended you can also add `0.0.0.0/0` to the list to allow any and all IPs to use your key.
  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 User/Group ID into the 'User ID' field, and tick 'Upload To Group' if uploading to a group!)
  7. Enable 'Upload Images' (Optionally you can enable 'Export Images' which will export all images and zip them)
  8. Finally, select Convert Selection and wait until you either see a prompt to download or an error pops up
  9. Go into roblox, drag and drop your file, or select Import -> Import from File and select your export!


Example usage (video)


Feel free to suggest updates or report bugs to me:

NoTwistedHere on Discord

Github repo

Plugin Details

Version12
CreatedMarch 25, 2023
Last UpdatedApril 14, 2025
CategoryImport & export plugins
CreatorNoTwistedHere
Stats865 installs, 256 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:src/index.html
  • main:build.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://apis.roblox.com/assets/v1/
    • https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css
    • https://unpkg.com/[email protected]/dist/axios.min.js
    • https://unpkg.com/[email protected]/dist/jszip.js