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!

DivPic

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

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