F2R | Figma2Roblox
F2R is a plugin that features image exporting and a tag system for node export configuration.
Plugin Preview
About this plugin
F2R (also known as Figma2Roblox) is a plugin that uses ROBLOX's API (see https://create.roblox.com/dashboard/credentials) for image export, and a tag system!
Info on how to use the image export feature:
The feature utilizes Roblox's API, a key of which you can make here, when creating the key, make sure to set the permissions to assets:read and assets:write, it won't work otherwise. Regarding the Creator Type and Creator ID, make sure to match the IDs properly, if you don't do that, you'll get a 403 error, if you set the Creator Type to Group, you set the Creator ID to your group's, if you set the Creator Type to User, you set the Creator ID to your user's, you've have to set the right API Key for this as well.
The tags must be set after the base name for underscore tags or before the base name for icons.
Configuration tags:
_gray (exports as grayscale)
_imagebutton (exports as an image button
_textbutton (exports as a text button, this can be used on a TEXT node or a GROUP that has a RECTANGLE (or FRAME) and TEXT nodes inside)
_scroll (exports as a scrolling frame, use on GROUP or FRAME)
_image (exports as an image)
_lock (exports with UIAspectRatioConstraint)
_ignore (ignores object when exporting)
_parent (sets the properties of the node to its parent upon export)
_abs (exports image as absolute size)
_scrollx (makes scrolling frame scroll horizontally)
_box (makes a textbox)
_vpf (makes a ViewportFrame)
_clip (enables ClipsDescendants for the said node, ScrollingFrames have this by default)
Adding "#" before the base name of the node will make it an Icon, Icons with the same name will use the same image on export.
Plugin Details
| Version | 8 |
|---|---|
| Created | November 25, 2025 |
| Last Updated | January 23, 2026 |
| Category | Import & export plugins |
| Creator | Soundgrounds |
| Stats | 1 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://apis.roblox.com
- https://flat-hall-ed44.demkind096.workers.dev
- https://www.figma.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML