Drawboard logo

Drawboard

Published January 2020
   •    Updated September 2025

Plugin details

Drawboard plugin allows to draw an assortment of geometric shapes. Whether it's circles, squares, triangles, or more complex shapes, the tool provides a user-friendly interface.
Usage Features:

- Draw basic geometric shapes like lines, circles, rectangles, and polygons
- Trigger shape drawing via workflows for interactive design
- Customize stroke color, fill color, and line thickness
- Easily integrate with other elements on your Bubble app
- Dynamic control of shape coordinates for responsive visuals
- Clear canvas or individual shapes programmatically
- Great for diagrams, visual annotations, and educational tools
- Compatible with desktop and mobile browsers

   





FAQ

What does this plugin do?
It allows you to draw geometric shapes like lines, circles, rectangles, and polygons within your Bubble app.

Can I customize the appearance of the shapes?
Yes, you can customize stroke color, fill color, and line thickness.

Is it possible to trigger shape drawing through workflows?
Yes, the plugin supports workflow actions for programmatic shape drawing.

Can I clear the canvas or specific shapes?
Yes, you can clear the entire canvas or individual shapes using dedicated actions.







Other plugins from Zeroqode

- Draw Leader Lines Plugin for Bubble
- Signature Pad | #draw #paint Plugin for Bubble




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

stars   •   0 ratings
28 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/drawboard

- Add a Drawboard element to the page.
- Image Url - URL of the image, the image resource must support crossorigin = "anonymous", such a resource, for example, is AWS S3
- Board Name - the name of the board for drawing. All users connected to the board with the same name will see each other's drawings.
- By default, the drawing tool is active - line (line)
- To specify another tool, you must call the method of the SelectTool element (for example, by clicking on the button).
- The method takes the tool parameter from the list:
- Pointer - pointer - the “cursor” is displayed synchronously among users of the board, it is not saved;
 Pencil - pencil - a continuous line - synchronously displayed among users of the board, remains visible;
- Line - line - displayed by users after releasing the mouse button, remains visible;
- Rect - rectangle (no fill) - displayed by users after releasing the mouse button, remains visible, drawing is performed from the upper left corner;
- Circle - circle

New feature! Upload image to Amazon!

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Image   •   Technical   •   Productivity   •   Compliance   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble