DivPic
.png
Pixel-perfect screenshots
Cropped to the exact element, sharp on retina, saved or copied to your clipboard.
Free for Chrome, Firefox and Safari
Grab any part of the web.
Point at a button, a card, a whole page. DivPic saves it as a crisp PNG or SVG, or drops it into Figma as layers you can actually edit.
No account needed for screenshots. Nothing gets uploaded.
Works in Chrome, Firefox and the browsers built on them
One click, three outputs
Pick it. Then pick where it goes.
Same selection, three destinations. Switch modes from the toolbar without starting over.
.svg
Vectors that scale
Export the element as SVG for decks, docs and anything that needs to stay crisp at any size.
⌘V in Figma
Editable Figma layers
Copy, switch to Figma, paste. Frames, text and images arrive as real layers, not a flat picture.
How it works
Three steps. About five seconds.
1
Open the toolbar
Click the DivPic icon or press ⌘ ⇧ E (Ctrl ⇧ E on Windows). A small toolbar floats over the page.
2
Point and click
Hover to highlight any element, then click it. Or hit Full page to take everything in one go.
3
Save, copy or paste
Download a PNG or SVG, copy to the clipboard, or paste straight into a Figma file.
Features
Small toolbar. Lots of reach.
Everything you need to get a clean piece of a web page into your work, without the cropping.
Click any element
Hover to highlight, click to capture. No dragging a crop box around and trying again.
Full page in one go
Scrolls and stitches the whole page into one image, including everything below the fold.
Real Figma layers
Paste frames, live text and images you can edit, with flex and grid kept as auto layout.
Crisp SVG export
Vectors for decks and docs that stay sharp at any size, at any zoom.
Sharp PNGs
Captured at your screen's full resolution, so text stays crisp on retina displays.
Copy, don't download
Send a capture straight to the clipboard and paste it into Slack, Notion or a doc.
Presentation styles
Add a background, padding, rounded corners and a shadow, then save the look as a preset.
Private by default
PNGs and SVGs are made in your browser. Nothing gets uploaded to a server.
Figma mode
From live site to layers you can edit.
Stop rebuilding UI by hand from screenshots. DivPic reads the page's real structure and styles, so what lands in Figma is something you can work with.
- Nested frames that follow the page's own structure
- Live text with its font, size and colour
- Flex and grid layouts come through as auto layout
- Images, borders, radii and shadows kept intact
Make it presentable
Screenshots that look finished.
Add a background, padding, rounded corners and a soft shadow before you save. Keep the combos you like as presets.
Try it
These are the same controls you get in DivPic's settings.
Revenue$48,210
+12.4%Private by default
Your captures never leave your machine.
Screenshots are made right in your browser. No servers, no uploads, no account to start.
- PNG and SVG work with no sign-in at all
- Figma mode asks for a Google sign-in, nothing more
- Delete your account any time from settings
Get DivPic
Works where you browse.
Chrome
Also Arc, Edge, Brave and other Chromium browsers
Chrome Web Store →
Firefox
Desktop Firefox
Firefox Add-ons →
Safari
macOS 13 or later
Coming soon to the Mac App Store
Help
Questions, answered.
How do I set it up in Safari?
- Install DivPic from the Mac App Store and open the DivPic app once.
- In Safari, open Settings → Extensions and turn on DivPic.
- Allow DivPic on the websites you want to capture, or on all websites.
- Click the DivPic button in the Safari toolbar, or press ⌘ ⇧ E.
The DivPic button does nothing
Reload the page. Tabs that were open before DivPic was installed or turned on don't have it yet. On Safari, also check that DivPic is allowed on that site under Settings → Websites → DivPic.
Do I need an account?
No. Capturing, saving and copying all work without one. Only Figma mode asks you to sign in with Google.
Do I need a Figma plugin?
No. DivPic puts the capture on your clipboard. Open any Figma file and paste.
Can I capture a whole page, not just one element?
Yes. Pick Full page in the toolbar instead of selecting an element.
Are my screenshots uploaded anywhere?
No. They're made on your device and stay there. The privacy policy covers every permission DivPic asks for and why.
Something looks off in Figma. What now?
Some pages use effects Figma can't represent exactly. Send the page URL and a screenshot to ragulsundaram15@gmail.com and it'll get looked at.