Figma to BabylonJS
by James Simonson
Quickly export/convert your Figma designs into BabylonJS GUI controls
Installs
110
Likes
26
Users
642
Views
1,159
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 useHighlight/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 documenthttps://doc.babylonjs.com/communityExtensions/figmaToBabylonJSVideo demo (Youtube)https://youtu.be/hFlrMNi671EFeel free to follow me on twitter @jamessimo or say hi on the BabylonJS forums.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.