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

About

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.