Imagine your users taking notes, sharing ideas, doodling, or sketching wireframes etc... Wouldn’t that be a great feature for your app?
Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them. It is very handy to dump your thoughts many of which are sensitive: designs for new features not yet released, interview questions, org charts, etc.



🌷 See Plugin in Sample Bubble Editor:

https://bubble.io/page?type=page&name=editor&id=excalidraw-sample-app&tab=tabs-1

Your support requests are welcome. Do not hesitate to ask us for help.

*If you want to try the plugin: subscriptions are pro-rated so giving it a try is low-risk — subscribing to the plugin for a few days will cost you a matter of pennies


🌷 Features:

🎨 Infinite, canvas-based whiteboard.
✍️ Hand-drawn like style.
🌓 Dark mode.
🏗️ Customizable.
😀 Shape libraries support.
👅 Localization (i18n) support.
💾 Open format - export drawings as an .excalidraw json file.
⚒️ Wide range of tools - rectangle, circle, diamond, arrow, line, free-draw, eraser...
➡️ Arrow-binding & labeled arrows.
🔙 Undo / Redo.
🔍 Zoom and panning support.


🌷 This plugin has 2 element:
- Excalidraw
- Fig SVG (To make SVG codes behave just like the Image element)

🌷 EXCALIDRAW ELEMETN EXPOSED STATES:

🔑 value: text, in json format, saved in the database. This
value can be matched with the editor's data to start the editor with the value from the database.

🔑 svg html: text, the canvas area exported as svg. It is compatible with the Fig SVG element

🔑 svg base64: image, can be used directly as a source in an Image element

🔑 id: text, randomly generated ID of the editor on the page. This value is used in the "Upload As PNG" action. It is there in case there is more than one editor on the page.

🔑 png url: gets the URL of the PNG file uploaded to the File Manager when the "Upload As PNG" action is executed.

🌷 EXCALIDRAW ELEMENT ACTIONS:

🔑 Upload AS PNG: This action is used to upload the current canvas as a .png file to the File Manager. After the upload is complete, the editor gets the "png url" value.