qgn

qgn / for / designers

Exact pixels in, good-looking shots out.

Designers screenshot for two reasons: to check something precisely, and to show something off. QGN does both.

checking

showing

Open a capture in Studio and switch to Compose. Put it on a gradient, a wallpaper, a solid colour or your own image. Wrap it in a plain window frame or browser chrome with an address bar. Set padding, corner rounding and shadow depth. Lock an aspect ratio so it fits the post or the slide. Save your gradients and colours, and the next shot matches.

Compose saves a new file and leaves the original alone. More in mockups.

motion

Prototypes move. ctrl+shift+q records a region, and Studio adds zoom keyframes from your clicks, with easing and a focus point you can change. Put the clip on the same backgrounds and frames as a still. Export MP4 or WebM for the case study, GIF or animated WebP for places that only take images.

markup for feedback

Arrows, shapes, text and numbered callouts in six colours, each on one key. Every mark stays editable after you place it, so feedback rounds don't mean starting the image over. See annotation.

what it doesn't do

questions

Can QGN show the colour of a pixel?
Yes. While you aim, a magnifier follows the cursor with its coordinates and the colour underneath.

Can I make a screenshot look good for a portfolio or a post?
Yes. Compose in Studio puts the capture on a gradient, wallpaper, solid colour or your own image, in a window or browser frame, with padding, rounded corners, a shadow and a fixed aspect ratio.

What formats can I export?
Stills copy as PNG, JPG, WebP or a base64 data URI. Recordings export as MP4, WebM, GIF or animated WebP.

download QGN-Setup.exewindows 10 and 11 · about 85 MB · free, MITrelease notes