Overview

The SVG Editor plugin allows you to edit any SVG graphic file directly inside your Bubble app. With this plugin, you can:

Get your SVG graphic layers and view them in a repeating group
Edit any layer’s color and visibility
Get a unique list of your SVG graphic’s colors
Change the color of all layers at once
Download the updated file as SVG
Download the file as PNG, with control over quality and size
Upload the edited SVG/PNG to Bubble storage

This plugin is perfect for apps that need dynamic SVG manipulation, such as design tools, product customizers, or any app that works with vector graphics.

How to use

1- Add the SVG Editor element Drag the svgEditor element into your Bubble app and provide your SVG file.

2- Display and interact with layers Use the plugin’s states and actions to get the SVG’s layers and display them in a repeating group.