Design a game menu or HUD in Figma and sync it into Roblox Studio without rebuilding it manually.
Prototype and iterate on Roblox game UI visually before committing to the final layout in Studio.
Let a designer hand off polished UI work to a Roblox developer through a direct sync instead of screenshots.
| acedia11/figma2roblox | 0xradioac7iv/tempfs | abboskhonov/hermium | |
|---|---|---|---|
| Stars | 0 | 0 | 0 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | moderate | moderate | moderate |
| Complexity | 3/5 | 3/5 | 4/5 |
| Audience | designer | developer | developer |
Figures from each repo's GitHub metadata at analysis time.
Requires installing plugins on both Figma desktop and Roblox Studio and signing into the same Roblox account.
Figma2Roblox is a plugin that connects the design tool Figma with the game creation platform Roblox Studio. It lets you design user interface elements in Figma, such as buttons, panels, and labels, and then send those designs directly into a Roblox project instead of rebuilding them by hand inside Roblox Studio. Setting it up means installing two pieces: a plugin inside the Figma desktop app and a matching plugin inside Roblox Studio. You download an installer from the project's GitHub releases page, run it, and it points you to the Figma plugin manifest file so you can import it through Figma's development plugin menu. Both the Figma plugin and the Roblox Studio plugin need to be signed into the same Roblox account. Once sync is enabled on a Roblox place in Studio, you select UI elements inside Figma and click Sync to Roblox, and the plugin sends them across, uploading any needed image assets using your account's permissions. There are a few practical limits worth knowing. The sync only works through the Figma desktop app, not the browser version. Only one Roblox Studio instance should be syncing per account at a time. If Roblox sign in reports that the OAuth app is unavailable, it may mean the app is still private or waiting on approval. Release builds rely on a hosted backend service for handling the sync requests. This tool is useful for game developers or designers who want to build and refine their Roblox game interface visually in Figma first, then bring the finished design into the game without redoing the layout work manually. The project is written in TypeScript and includes separate README files for its Figma plugin, Roblox plugin, and backend worker components.
A plugin that syncs UI designs made in Figma directly into a Roblox game project in Roblox Studio.
Mainly TypeScript. The stack also includes TypeScript, Figma Plugin API, Roblox Studio.
Setup difficulty is rated moderate, with roughly 30min to a first successful run.
Mainly designer.
This repo across BitVibe Labs
Verify against the repo before relying on details.