DivPic
Copy individual elements on a website as a PNG or as an SVG
Start new thread
Ragul

DivPic - Copy individual elements on a website as a PNG or as an SVG

by•
Copy or download any HTMLelement on any website as an SVG or PNG. You can save it as a local file or paste it directly into Figma or other tools. Useful for designers and product managers who get their hands dirty.

Add a comment

Replies

Best
Ragul
Maker
📌
Hey everyone! Developer of DivPic here. 👋 This is a completely free tool I developed in my spare time to solve one critical, annoying problem. As a product manager, I like to express my ideas via prototyping rather than writing pages-long PRDs. But I constantly hit a wall: getting the UI elements of our app or our competitors' apps while designing. I would have to either recreate them from scratch by hand or bother our designers to do it for me. Hence, DivPic. It’s a free extension that sits in your browser (any Chromium or Firefox-based browser) and lets you copy one or multiple elements from any website with pixel perfection, either as a PNG or an SVG. You can copy the elements straight to your clipboard to paste into tools like Figma, or download them as local files to use later. You can control how the PNG image of the element should look like - Customize the background, padding and so on. We already have around 120 users, and over 100 of them are using it every single day. I really hope you love this tool as much as they do. I am constantly iterating and building, so I'm wide open to any and all feedback. Let me know what you think!