Tools
Screenshots
Take visible, full-page, area and element screenshots with Pickode, then annotate them in the editor and place them in a browser frame on a gradient.
Updated October 20, 2026
Pickode captures exactly what you need from the page: the visible area, the whole page, an area you draw or a single element. Then you can mark it up and present it in a browser frame, without leaving the tab.
How to use it
-
Press Alt+C to capture the visible area, or choose full page, area or element from the Pickode panel.
-
To capture one component exactly, select it with the inspector (Alt+I) and take its screenshot from there.
-
Open the capture in the editor: add arrows, rectangles, highlights and text, pixelate sensitive details, crop, and undo any step.
-
Put it in a browser frame on a gradient background if you need a quick mockup, then download it.
Capture modes
| Mode | How to start it | Notes |
|---|---|---|
| Visible area | Alt+C | What you see in the tab |
| Full page | Pickode panel | Up to about 32,000 px tall, in one image |
| Area | Pickode panel | The part of the page you select |
| Element | Pickode panel or the inspector | One component, without cropping by hand |
Editor tools
| Tool | Use it for |
|---|---|
| Arrow, rectangle, highlighter, text | Feedback and bug reports |
| Pixelate | Hiding emails, names or other sensitive details |
| Crop, undo | Tidying up the result |
| Browser frame, gradient background | A presentable mockup for a post or a client |
Free vs Pro
| Free | Pro | |
|---|---|---|
| Visible area, full page, area, element | ✓ | ✓ |
| Editor (arrow, rectangle, highlighter, text, pixelate, crop) | ✓ | ✓ |
| Browser frames | — | ✓ |
All capture modes and the editor are free. Pro adds the browser frames. See the pricing page.
Related
Still stuck?Contact us