Documentation

How to use WebP Import

Everything about the Figma plugin and the web tools. Short version: drop images in, get what you need out — nothing is ever uploaded.

Overview

WebP Import is two things that share one job — making WebP effortless:

  • A Figma plugin that imports .webpimages (which Figma can't open on its own) onto your canvas.
  • Web tools — an image converter and a background remover — that run in your browser.

Both are free and process images entirely on your device.

Figma plugin

Install from the Figma Community. Then, in any Figma or FigJam file:

  1. Run Plugins → WebP Import (or right-click the canvas → Plugins).
  2. Add images by drag & drop, the browse button, or paste with ⌘/Ctrl+V.
  3. Review the queue — each file shows a thumbnail, dimensions and output size.
  4. Choose your options, then click Import (or press Enter).

Images are placed centered in your current view and selected, ready to move.

Plugin options

OptionWhat it does
LayoutArrange placed images as a grid, a single row, or an overlapping stack.
ResizeCap the longest side at 512–4096 px. Never upscales; “Original size” keeps full resolution.
Encode asPNG keeps transparency (lossless); JPEG is smaller (transparency flattened to white).

Your last-used options are remembered between runs.

Keyboard shortcuts

  • / Ctrl + V — paste an image from the clipboard
  • Enter — import the current queue
  • Esc — close the plugin

Web converter

The converter turns images between WebP, PNG, JPG and JPEG in both directions:

  1. Drop your files (batch supported).
  2. Pick the output format and, for JPG/JPEG/WebP, a quality level.
  3. Download individually, or grab everything as a .zip.

JPG and JPEG are the same format — only the file extension differs.

Background remover

The background remover cuts out the subject of an image and gives you a transparent PNG. The AI model downloads once, is cached, and then runs locally — no uploads, no watermark.

Privacy & data

WebP Import has no backend. The Figma plugin declares networkAccess: none and both web tools process images in the browser. Your images are never uploaded or stored on a server. The only thing saved is your own UI preferences, kept locally.

Troubleshooting

  • “Import failed” in Figma.Update to the latest plugin version — a fixed build sends decoded bytes correctly. Very large images (>4096 px) are downscaled by Figma; use the resize option to control this.
  • Background removal is slow the first time. The model downloads on first use, then is cached for instant reuse.
  • Transparent areas turned white. That happens when exporting to JPG/JPEG, which has no alpha channel — choose PNG or WebP to keep transparency.