Image Editor

A Figma-style image editor in your browser: paste screenshots, stack layers, draw shapes and arrows, add text, crop, and export — fully private.

About Image Editor

Overview

The Image Editor is a Figma-style, layer-based editor that runs entirely in your browser. Paste a screenshot, stack multiple images as layers, draw shapes, arrows and freehand strokes, add text, crop, and fine-tune each layer non-destructively. Everything stays on your device — nothing is uploaded.

Features

  • Layer-based, non-destructive editing — every shape, image and text stays editable
  • Multiple images on one canvas: paste or drop several screenshots and arrange them freely
  • Infinite pan-and-zoom canvas with fit-to-screen and HiDPI-crisp rendering
  • Drawing tools: Rectangle, Ellipse, Line, Arrow, Text and freehand Pencil
  • Move, resize and rotate with on-canvas handles; hold Shift to keep proportions or snap rotation
  • Multi-select via Shift-click or marquee, with group move and arrange
  • Layers panel: reorder by drag, show/hide, lock, and per-layer naming
  • Non-destructive image adjustments: brightness, contrast, saturation, grayscale, sepia and blur
  • Per-layer opacity, fill, stroke, corner radius and text styling (size, weight, alignment, background)
  • Crop to a region that defines the export frame, reversible at any time
  • Rich keyboard shortcuts: tool keys, Undo/Redo, Copy/Cut/Paste, Duplicate, arrow-key nudging and z-order
  • Clipboard-first workflow: paste screenshots in, copy the result out
  • Export to PNG, JPEG or WebP at 1×, 2× or 3× scale with adjustable quality
  • Light and dark themes, responsive layout, and a distraction-free fullscreen mode

How to Use

  1. Paste a screenshot with Ctrl/Cmd+V, drag images in, or click the image button in the toolbar to add layers
  2. Pick a tool from the left rail — Select (V), Rectangle (R), Ellipse (O), Line (L), Arrow (A), Text (T), Pencil (P) or Crop (C)
  3. Drag on the canvas to draw; with the Select tool, click to select and drag the handles to move, resize or rotate
  4. Shift-click or drag a marquee to select multiple layers at once, then move or arrange them together
  5. Use the Layers panel to reorder, rename, hide or lock layers; use the Properties panel to adjust color, stroke, opacity and image filters
  6. Hold Space to pan, Ctrl/Cmd+scroll (or the zoom controls) to zoom, and the Fit button to frame your work
  7. Export to PNG, JPEG or WebP at 1×–3× scale, or copy the flattened result straight to your clipboard

FAQ

How is this different from a normal online image editor?

Most browser editors flatten everything onto one bitmap, so once you draw or apply a filter it is permanent. This editor works in layers like Figma: each image, shape and text block stays a separate, editable object you can move, restyle, reorder, hide or delete at any time. Nothing is baked into pixels until you export.

Can I work with more than one image at once?

Yes. Paste or drop several screenshots and each becomes its own layer on the same canvas. You can position them side by side or overlap them, reorder which sits on top in the Layers panel, and annotate across all of them. The export is sized to fit everything you have placed.

What keyboard shortcuts are available?

Tool keys: V select, R rectangle, O ellipse, L line, A arrow, T text, P pencil, C crop. Ctrl/Cmd+Z undo, Shift+Ctrl/Cmd+Z redo, Ctrl/Cmd+C/X/V copy/cut/paste, Ctrl/Cmd+D duplicate, Ctrl/Cmd+A select all, Delete to remove, arrow keys to nudge (Shift for 10px), Ctrl/Cmd+] / [ to change layer order, and Space-drag to pan.

Does my export match what I see on screen?

Yes — and you can make it sharper. On export the editor re-renders your layers to a clean canvas sized to your content or crop frame, at 1×, 2× or 3× scale. Higher scales produce more pixels and crisper detail than the live preview, which is handy for retina screenshots or print.

How do I save my work to continue editing later?

For privacy the editor keeps nothing after you close the tab, so download your image before leaving. To continue later, re-open the exported image as a new layer. Because export flattens the layers, fine-grained re-editing of individual objects is only possible within the same session.