Photo Editor — a raster retouching plugin

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

6 Likes

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.

Thanks @LauraKalbag — glad it’s useful, and this is the kind of feedback I want.

It’s all still beta and the toolbar icons are still moving, so nothing there is settled. Your three points are noted for the next pass.

1 Like

Hey @girafic. I’ve been using your fantastic plugin this morning, thanks again for it!

I have a feature request if that isn’t too cheeky :sweat_smile: When cropping, it would be really cool to be able to set the width:height ratio. Whether that’s a set of popular preset options (like 16:9, 1:1, 9:16) or being able to choose my own.

Alternatively, providing the image’s new dimensions when cropping could help me calculate it for myself. (Well, in the case of cropping a square anyway!)

(Note: I use Penpot on 125% zoom when demoing, so that’s why the UI might look a little crowded.)

Hi @LauraKalbag! Not cheeky at all, and I’m really glad it’s useful.

Good news: the latest version already covers most of this. With the crop tool
selected, the Crop section in the Tools tab has an Aspect ratio menu (Free,
Original, 1:1, 2:1, 3:2, 4:3, 5:4, 16:10, 16:9) and a Portrait switch that
flips it, so 16:9 becomes 9:16. It also shows the frame’s width and height in
pixels, plus the size you’ll get out.

A lot has been added since the first version (26 August):

  • Your own aspect ratio: type it in, decimals too (2.39 : 1). Typing a width
    or height keeps the ratio. Thanks for the idea!
  • Gradient tool with editable colour stops
  • Perspective (P) and mesh warp (W) to straighten or bend a layer
  • The Move tool scales and rotates layers, with handles or exact numbers;
    arrow keys nudge
  • Layer blend modes, and masks (black hides, white reveals)
  • Layer thumbnails, and drag to reorder layers
  • Insert pictures as new layers, from your computer or from Penpot
  • Opens Photoshop files (.psd/.psb) with their layers, plus AVIF and GIF
  • Start from a blank canvas with size presets (Web, Social, Devices, Print…)
  • Colour pickers offer the colours from your Penpot file
  • Export shows the file size before you apply
  • Zoom in real percentages, with Fit to view
  • A Clear button for the History list
  • Fixed: clicking with the brush leaves a dot again (a Chrome update broke it)
  • Fixed: the Portrait switch no longer shows a stray checkbox

Thanks again, and for demoing it!

2 Likes