Design Snap - Extract design tokens from any website in one click

Ever spotted a website with perfect typography or a color palette you loved — and had to dig through DevTools to figure it out ? Design Snap extracts colors, fonts, border radius, shadows, and CSS variables from any site in one click. No DevTools. No inspecting. Just open the popup and copy what you need. Built for designers who code and developers who care about design.

Hey PH ! 👋 I built Design Snap because I kept wasting time in DevTools every time I found a site with a design I liked. I wanted a simple way to grab colors, fonts, border radius, shadows, and CSS variables — without leaving the page. So I built it as a Chrome extension: one click, everything extracted, ready to copy. It's free, no account needed, no backend — just a clean popup with the design tokens of any site you're on. Would love your feedback, especially if you're a designer or frontend dev. What other tokens or features would make this useful for you ?

Design Snap - Extract design tokens from any website in one click

Replies