Figma to BabylonJS
Quickly export/convert your Figma designs into BabylonJS GUI controls
Plugin Preview
About this plugin
FigmaToBabylonJS allows you to export/serialize your Figma designs to BabylonJS GUI controls using a headerless Babylon-gui environment running inside the plugin to serialize your Figma designs into BJS .json files. These can be parsed into a Fullscreen UI advanced dynamic texture or as a single GUI controls.
How to use
Highlight/select the frame/artboard that you want to export and right click on it.
Select Plugins > Saved Plugins > FigmaToBabylonJS and click "Export & Settings" and choose if you want to export a ADT or single control. Then the outputted .json can be parsed by your BabylonJS project.
Detailed how to document
https://doc.babylonjs.com/communityExtensions/figmaToBabylonJS
Video demo (Youtube)
Feel free to follow me on twitter @jamessimo or say hi on the BabylonJS forums.
Plugin Details
| Version | 16 |
|---|---|
| Created | December 18, 2022 |
| Last Updated | August 12, 2025 |
| Category | Software development |
| Creator | James Simonson |
| Stats | 82 installs, 24 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://cdnjs.cloudflare.com
- https://storage.ko-fi.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.