MARKETPLACE
PLUGINS
IMAGEFORGE -- IMAGE EDITOR
ImageForge -- Image Editor logo

ImageForge -- Image Editor

Published February 2026
   •    Updated this week

Plugin details

ImageForge is a powerful visual editor plugin for Bubble that allows your users to annotate, mark up, and draw on images directly inside your app. Whether you are building a document review tool, a photo feedback app, a signature collection form, or an inspection reporting system, ImageForge gives you a complete drawing canvas with no external dependencies.
Users can load any image as a background, draw freely on top of it using a range of tools, and export the final result as a merged PNG image that can be saved, uploaded, or passed through your Bubble workflows.

The plugin is fully multi-instance safe, meaning you can place more than one ImageForge element on the same page and each one will operate completely independently without interfering with the other.


Features:

Freehand pen drawing with adjustable stroke width and opacity
Rectangle and circle shape tools with optional fill
Line and arrow tools for diagrams and callouts
Text tool for adding labels and notes
Eraser tool to remove individual objects
Signature pad with a dedicated drawing modal
Image overlay — upload a secondary image onto the canvas
Full undo history (up to 60 steps)
Object selection, drag to move, and resize handles
Bring to front and send to back layer ordering
Layer panel showing all objects with individual delete buttons
Color picker with preset palette and full custom color support
Export button that merges the background image and all annotations into a single PNG
Keyboard shortcuts for all tools and actions
Fully responsive with a dedicated mobile toolbar and slide-up drawer panel
Multi-instance safe - place multiple editors on the same page with no conflicts


Keyboard Shortcuts:

P — Pen tool
S — Select tool
R — Rectangle tool
C — Circle tool
L — Line tool
A — Arrow tool
T — Text tool
E — Eraser tool
Ctrl + Z — Undo
Delete or Backspace — Delete selected object
Arrow keys — Nudge selected object by 2px
Shift + Arrow keys — Nudge selected object by 10px


Preview Url: https://brainyminds.bubbleapps.io/version-test/image_forge

Editor Url: https://bubble.io/page?id=brainyminds&test_plugin=1771313403450x658656107185045500_current&tab=Design&name=image_forge&type=page&elements=bTGPe

$40

One time  •  Or  $5/mo

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

Platform

Web

Contributor details

BrainyMinds logo
BrainyMinds
Joined 2025   •   3 Plugins
View contributor profile

Instructions

How to Set Up the Plugin:
Step 1 — Add the element to your page. Drag the ImageForge element onto your Bubble page and resize it to your preferred dimensions. Give it a name so you can reference it in workflows.

Step 2 — Load a background image. In your workflow, use the "Load Background" action and pass in a URL or dynamic image source. The canvas will automatically resize to fit the image. If you do not load a background image, the canvas will display a checkerboard pattern and users can still draw freely on it.

Step 3 — Set up the Export event. In the Bubble plugin editor, make sure you have registered the following event and state. The event is called "image exported" and the state is called "exported image" with a type of text. When the user clicks the orange Export button in the editor toolbar, the plugin fires the "image exported" event and publishes the merged canvas as a base64 PNG string to the "exported image" state.

Step 4 — Use the exported image in your workflow. Create a workflow triggered by "ImageForge A image exported". Inside the workflow, you can upload the image to your file manager using the "exported image" state value, save it to a database field, display it in an Image element, or send it via API.


Keyboard Shortcuts:

P — Pen tool
S — Select tool
R — Rectangle tool
C — Circle tool
L — Line tool
A — Arrow tool
T — Text tool
E — Eraser tool
Ctrl + Z — Undo
Delete or Backspace — Delete selected object
Arrow keys — Nudge selected object by 2px
Shift + Arrow keys — Nudge selected object by 10px

Types

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

Categories

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble