This has always been a pain point for me — whenever I need a logo from a website for a moodboard, competitive audit, or brand exploration, I end up digging through DevTools or screenshotting something blurry.
I finally got frustrated enough to build a Chrome extension to solve it. It's called LogoFetch — it scans the active tab and surfaces every logo it finds (inline SVGs, linked images, favicons, OpenGraph assets, CSS backgrounds) in a panel. You can then hit Copy to Figma and paste directly, or bulk download as a ZIP.
A few things that came out of building it that I found useful for the Figma workflow specifically:
— SVGs sort to the top automatically so you're not hunting through PNGs
— Single-color SVGs can be flipped to black or white in one click (handy for dark backgrounds in decks)
— The copy button outputs paste-ready SVG code directly into Figma
It's free and on the Chrome Web Store if anyone wants to try it: https://chromewebstore.google.com/detail/logofetch-by-treatzone/gjihippfigkbcbbiebpkdnhkpfeaglop
Curious whether others have a better method for this — open to feedback on the approach too.
