Yo @jamessimo … I setup a playground to show this issue when rendering the json output from the Figma plugin directly (Without first loading the json into gui.babylonjs.com editor then re-saving) [Screenshot 2023-06-25 at 11.56.38 AM] This saved json from figma (Note: the json is missing corner r…

Yo @jamessimo … Found another property that is not coming across on Frame… ClipChildren is not getting set in the json. Can you please check out when you get a chance

haha amazing. I was just about to update this thread telling you I fixed the disappearing content issues, it was due to not setting fixedRatioMasterIsWidth on the root it seems, and Ifixed some things related to Cliped Content I have fixed this, I will also add the ability to respect the ClipConten…

OK NEW VERSION IS OUT! Full change log; Now respects Clip Content from Figma (note: clipping in BabylonJS is different than Figma.) Fixed bug where parts of UI disappear on button hits. Fixed bug where gradients don’t show on frames. Fixed gradients on components Outputted JSON is no…

SWEET… Thanks a bunch, for all your hard work

Yo @jamessimo … You might wanna add this feature on the main exporter under Button Code (-bjs). What i am MacGuyver to the parsedJson to add support for ScrollViewer… so just like the -bjs suffix, when you add -scroll (or what ever you override on the export dialog) … If if the name ends with that …

Yo @jamessimo … Version 8 is making cornerRadius back to Zero… There must. be some regressions on your latest version 8 update. Snippet from version 8 button json: "cornerRadius": 0, "cornerRadiusX": 0, "cornerRadiusY": 0, …

Yo @jamessimo … Its a frame with a -BTN (renamed from -bjs) [Screenshot 2023-06-28 at 4.43.58 AM] Renders in BabylonJS without cornerRadius for Buttons [Screenshot 2023-06-28 at 4.49.03 AM] Here is the Button Json section from the Figma To BabylonJS output { …

found the issue, trying to fix, have a feeling this has always been an issue but only now caught it.

Ok the latest version 9 has the fix.

Figma To BabylonJS Runtime Issues

Questions

jamessimo August 9, 2023, 12:20am 22

Boom, the issue was fixed and a lot of new features got launched with it.

Topic		Replies	Views
Figma to BabylonJS plugin! (Source code now available) Demos and projects gui , ui , json , figma , design	62	5573	January 5, 2026
GUI Editor, JSON output (is barely useable) Bugs gui-editor	20	655	May 18, 2024
StateLayer - A React-like framework & web editor for prototyping with Babylon.js Demos and projects gui , tool , editor , prototype , showcase	5	190	August 26, 2025
Introducing Babylon.JS Editor v4.0 Announcements editor , release	52	9435	June 25, 2022
How to export projects for web on Babylon.js Editor v4.0 Questions	43	3410	May 9, 2022

Figma To BabylonJS Runtime Issues

Related topics