Design X-Ray — CSS Inspector, Spacing Ruler & Color Picker

Inspect any webpage like a designer: hover for CSS specs, measure spacing in pixels, pick colors, copy CSS, audit fonts & colors.

Design X-Ray turns any webpage into an inspectable design file — no DevTools, no guessing. Press Alt+Shift+X (or click the icon) and hover over anything to see its real CSS. FEATURES • Hover inspect — font, size, color, padding, margin, border-radius and more, instantly. • Spacing ruler — measure the exact pixel distance between any two elements. • Eyedropper — pick any color on the page and copy HEX / RGB in one click. • Copy CSS — grab an element's full computed CSS with a single click. • Page audit — list every font family and color used across the page. • Floating panel you can minimize or expand, out of your way. PRIVACY Everything runs locally in your current tab. Design X-Ray collects nothing, stores nothing, and sends nothing off your browser. It only activates on the tab you're looking at, when you turn it on. Made by Briskkit — a set of small, sharp browser tools.