Remove Background
Remove Background by divRiots removes image backgrounds using on-device AI directly inside Webflow.
The Remove Background app runs directly inside Webflow. Select an image on the canvas, click one button, and get a transparent PNG added to your site assets in seconds. Because the AI model runs locally on your device, your images never leave your computer. There is no cloud upload, no external server, and no third-party data exposure.
This integration is most useful for Webflow designers building e-commerce catalogs, agencies handling confidential client imagery, and freelancers iterating on landing page visuals. Anyone who regularly needs cutout images while working in Webflow saves time by removing the export-edit-reupload cycle entirely.
How to integrate Remove Background with Webflow
What is Remove Background? Remove Background is a background removal tool built by divRiots that processes images entirely on the user's device using local AI. It produces transparent PNGs at the original resolution. The tool is available as both a Figma plugin and a Webflow app.
[Hero image placeholder of Remove Background homepage]
The Remove Background Webflow integration uses a single method — the official marketplace app.
Because Remove Background processes images locally and has no public API, server-side webhooks, or embed scripts, the marketplace app is the only integration path between this tool and Webflow.
Use the Remove Background app
The Remove Background app on the Webflow Marketplace gives you on-device background removal without leaving your site build. Once installed, you select any image element on the canvas, open the app from the apps panel, and click a single button to get a transparent PNG. The processed image replaces the selected element and is automatically added to your site assets. No API keys, webhook configurations, or third-party accounts are required.
- Select an image on the Webflow canvas, run the app, and the background is gone — no extra steps
- All processing happens locally on your device, so images are never uploaded to external servers
- Output maintains the original image size and resolution with a fully transparent background
- Processed images are added to your site assets automatically, ready to use in any element
- Credits from your divRiots account work across both the Webflow app and the Figma plugin
To install, go to the Webflow Dashboard, open Apps, search for "Remove Background," and click Install. From there, the app appears in the apps panel whenever you are working on that site.
What you can build with the Remove Background Webflow integration
Integrating Remove Background with Webflow lets you produce transparent-background images inside your build workflow without switching to external photo editors.
- E-commerce product catalogs: Remove backgrounds from product photos and drop them directly into Webflow CMS collection items. A clothing store can generate consistent, white-background-free product shots across an entire catalog without leaving Webflow.
- Team and staff directories: Generate uniform headshots for About pages or careers sections. An agency can process inconsistent team photos — taken against different backgrounds — into clean, transparent portraits that work against any page design.
- Landing page hero images: Isolate subjects from their backgrounds for layered hero compositions. A SaaS company can pull a product screenshot's subject out and place it over a branded gradient or pattern, all without opening Photoshop.
- Privacy-sensitive client work: Process confidential imagery like medical, legal, or NDA-bound assets without any data leaving the local machine. An agency working under client NDAs can remove backgrounds from sensitive product prototypes, knowing images never touch a cloud server.
For workflows that only need manual, one-at-a-time image processing, the marketplace app covers these use cases directly. Teams that need automated batch processing triggered by CMS updates would need to pair Webflow's Assets API with an API-based background removal service, since Remove Background does not expose a public API by design.
Frequently asked questions
Install it from the Webflow Marketplace listing. Go to your Webflow Dashboard, open Apps, search for "Remove Background," and click Install. Once installed, select any image element on the canvas, open the app from the apps panel, and click Remove background. The processed image replaces the original and is added to your site assets. No API keys or external configuration are needed.
No. All processing happens locally on your device. Images are never sent to any external server, which makes this tool suitable for confidential or NDA-bound work.
Yes, but it is a manual process. You remove the background from an image using the app, and the processed PNG is saved to your site assets. You then assign that asset to a CMS image field in your collection item. There is no automated CMS sync because the tool has no API or webhook support. Background removal happens on-device by design. For details on managing CMS image fields, see the field types and item values documentation.
No. The output preserves "original size and quality." The app produces a PNG with a fully transparent background at the same resolution as the input image.
Description
Remove Background by divRiots connects with Webflow as a marketplace app that strips image backgrounds using on-device AI processing.Webflow handles layout, CMS content, and hosting, but it does not include built-in background removal. If you need a transparent product shot or an isolated headshot for a team page, you typically export the image, process it in an external editor, and re-upload it.
This integration page is provided for informational and convenience purposes only.

CutCopy
Connect CutCopy with Webflow to transfer variables and attributes between projects without manual recreation.

Devblocks CMS Image Optimizer
Large CMS collections accumulate uncompressed images over time as content editors upload full-resolution photos and marketing teams import product libraries. Each uncompressed image increases page load times and consumes bandwidth.

Flowdrive
Connect Flowdrive, an external file and video hosting service, with Webflow to host videos and enable file uploads without Webflow's Business plan requirement.

Lummi
Connect Lummi, an AI-generated stock image platform, with Webflow to search, customize, and insert royalty-free images directly in the Designer without leaving your canvas.

Image Management
Connect the Pixlevents Image Management Webflow app to optimize CMS images and convert formats to WebP and AVIF without leaving your workspace.

Smootify Icons Webflow integration
Access 10,000+ SVG icons directly in Webflow without downloading files or managing external asset libraries. Smootify Icons integrates 8 icon libraries with native styling controls.

Chainlift Color
Connect Chainlift Color with Webflow to generate accessible Material 3 dynamic color themes with pre-configured utility classes and color variables.

Bynder
Connect Bynder with Webflow to manage brand-approved digital assets within your design workflow and serve optimized content through Bynder's global CDN.

Asset Bae
Connect Asset Bae with Webflow to bulk-edit image filenames and alt text, with AI-generated alt text for accessibility compliance.


