Loupe — Pixel-Perfect UI Inspection Chrome extension security report

Loupe is a pixel-perfect UI inspection toolkit for designers and front-end developers. ■ Inspect — hover any element for its selector, box model, computed CSS, and ancestry ■ Measure — click two elements to see exact pixel distances between them ■ Layout Grid — overlay a configurable column/gutter/margin grid on any page ■ Page Rulers & Xray — pixel rulers and depth-outlined element structure ■ Color Picker — a live magnifier samples any pixel on screen; keeps a palette with hex/RGB/HSL, CSS-variable matches, and a WCAG contrast checker ■ Find Element — locate elements by CSS selector or text ■ Responsive Mode — true device emulation (viewport, touch, user agent) applied right in your current tab, so login and SSO flows keep working ■ Figma Compare — anchor a Figma frame to your live DOM and get a per-element diff heatmap with severity grading, plus optional AI-written fix suggestions using your own Anthropic API key ■ Accessibility Audit — page-wide scan for WCAG contrast failures, missing alt text, small tap targets, and unlabeled controls ■ Breakpoint Batch Compare — check one Figma frame per breakpoint in a single run Everything runs locally in your browser — no analytics, no data collection. The inspector toolkit is free forever; Figma comparison, accessibility audit, breakpoint compare, AI suggestions, and QA report export are part of Loupe Pro ($8/mo, $59/yr, or $129 lifetime, with a 7-day free trial). Enable Loupe per tab with one click or Alt+Shift+K. 