Hey Product Hunt 👋 I'm a front-end developer, and I kept doing the same three things on every project: guessing spacing, digging through DevTools for one font size, and failing to describe an animation to my AI so it would build it properly. So I built Design Toolkit. Press Alt+R on any page and you get the real numbers: sizes, spacing, fonts, colors and contrast. Measure the gap between two elements. Export an element as CSS, Tailwind or React. See phone, tablet and desktop side by side. And copy any animation with its real duration, easing and keyframes as a brief your AI can actually build from. The part I care about most: it has no access to any site until you click its icon, there's no account and no tracking. One thing I'd really like your feedback on: what part of inspecting a design still wastes your time? That's what I'll build next.

Design Toolkit

Inspect, measure and copy any web design in one click

Inspect, measure and copy any web design in one click