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 | 73 installs, 23 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.