Kaanopy Design Engine Bubble Setup
Install the Kaanopy Design Engine plugin in your Bubble app.

Create a free Kaanopy account at https://kaanopy.com.

In the Kaanopy dashboard, open SDK Setup and create a new app integration.

Select Bubble.io as the platform.

Enter your Bubble app origin, for example:

https://your-app.bubbleapps.io

Copy the generated Kaanopy API Key.

Add the Kaanopy Editor element to your Bubble page.

In Bubble, open the Kaanopy Editor plugin settings and paste the API key.

Configure the editor settings:

brand name
canvas preset
width and height
unit
rulers
optional initial JSON
Run your Bubble app. The editor will verify the API key using the Bubble.io platform scope and your configured app origin.

Useful Links

Editor View:
https://bubble.io/page?id=kaanopy-demo&tab=Design&name=index&elements=bTGLo

Preview:
https://kaanopy-demo.bubbleapps.io/version-test