Skip to main content

Getting Started

It’s a shame that Roblox Studio doesn’t natively support Figma imports, but with the help of this plugin, you can make the import process easier!

This plugin gives you tools to either manually or automatically import your UI from Figma into Roblox.

Features include:

  • Auto importing that's opportunistic towards, frames, text, strokes, and more
  • Manual importing tools that allow you to work in Figma measurements instead of Roblox
  • Scaling and aspect ratio tools so that your UI works across many devices
  • A companion plugin for Figma to apply tags and export
  • Image mapping for quick image application
  • Conversion tools to convert instances to other types
  • And more!

Better Than Alternatives? Yes!

Let’s face it, automating everything leads to a lack of customization and gives you a result you weren’t hoping for.

With other tools, you still have to put in the extra work to make it work with different devices via contextual scaling and aspect ratio constraints. With this plugin, you can customize how you import your content without the headache of scaling, aspect ratios, positioning, reclassing, and most importantly, how modular the UI is.

With auto-import, you can customize a blockout to automatically be generated in just moments. All that’s needed is for you to export the images!

Installing the Roblox Plugin

At minimum, you will need the Roblox plugin! Here are some options:

info

Downloading it from the Creator Hub ensures that you recieve automatic updates. If you want finer control though, download it from releases.

If you get it from the Github releases page, you can install it by inserting the .rbxm file into Studio, right-clicking it, and clicking “save as local plugin”.

Installing the Figma Plugin

You will need the Figma plugin in order to do automatic importing.

You can get the plugin on Figma from the plugin page.

Alternatively can get it from the GitHub releases page. Once downloaded:

  • Unzip app folder
  • In Figma, go to Plugins -> Development -> Import plugin from manifest
  • Go to the unzipped App folder and import the file named “manifest”

Support This Plugin

Please leave a reply on either the Roblox plugin page or the DevForum post with your feedback, good or bad!

Simply using this plugin supports me. If you want to do more, feel free to play my games.