Photo Editor — a raster retouching plugin

Contribution Plugins
1

I’ve been building a Photo Editor (Beta) plugin for Penpot. It’s raster editing directly on an image that’s already on the board — no export/reimport round trip through another app.

What’s in it

  • Painting tools: brush, eraser, blur brush, clone stamp and a fill bucket — with a selection tool (rectangle, ellipse, freehand lasso, plus add/subtract/intersect) that every one of them respects.
  • Layers: a real layer stack with visibility, opacity, reordering and renaming. The photo itself is a row in it, so you can put paint in front of it.
  • History: a full list of steps you can click to jump to, not just Cmd+Z. Nothing is stored as a bitmap, so undo costs nothing.
  • Framing: crop with aspect presets, 90° rotation, flip, straighten (±45°), and an option to crop outside the image so the export comes back padded with transparency.
  • Filters: 17 presets plus the individual sliders behind them, and a vignette that follows the crop instead of being baked into the source.
  • Frames: 18 decorative border styles, some of which cut real transparency into the export (rounded corners, circle, film sprocket holes).
  • Export: PNG / JPG / WebP at 25–400 % of the cropped region, written back to the shape’s fill.

Who wanna try it, here is the link: https://photo-editor.girafic.net/manifest.json

grafik
grafik1920×1610 345 KB

6 Likes
2

Yet another fantastic plugin @girafic! So many features and it’s really easy to use.

As someone who loves a photo editor, I found some of the toolbar icons a little confusing as they’re different from the conventions I usually see. Although the tooltips were very explicit and helpful. Now this might just be me, so feel free to ignore my feedback!

  • Paint with colour: Usually “paintbrush” or “draw” with a paintbrush or pencil icon.
  • Flood the region under the cursor with colour: Usually “fill” with an open/dripping paint can icon.
  • Smudge parts of the picture out of focus: Usually “blur” or “soften” (smudge is often used with more of a push effect) with a diffusing circle icon or droplet icon like you’ve used for flooding with colour.