Chrome extension

Loupe

Pixel-perfect UI inspection for designers and front-end developers. Inspect, measure, and compare any web page against your designs — right in the browser.

Enable on any tab with one click or Alt+Shift+K

Everything you need to ship pixel-perfect UI

A full inspection toolkit that runs entirely in your browser — no setup, no accounts, no data leaving your machine.

Inspect

Hover any element for its selector, box model, computed CSS, and ancestry. Screenshot it to PNG or copy its styles as a CSS rule.

Measure distances

Click one element, hover another — see exact pixel distances between any two elements, live.

Layout grid & rulers

Overlay a configurable column/gutter/margin grid, plus pixel rulers along the viewport edges.

Color picker

A live magnifier samples the exact pixel under your cursor. Build a palette with hex/RGB/HSL, CSS-variable matches, and a WCAG contrast checker.

Xray & find

Outline the page's full element structure at a glance, or find elements by text or CSS selector and cycle through matches.

Responsive mode

Preview any URL with true device emulation — viewport, touch, and user agent — in a real tab, so login and SSO flows keep working.

Figma compare PRO

Anchor a Figma frame to your live DOM and get a per-element diff heatmap with severity grading and design-token hints.

Breakpoint batch compare PRO

Compare one Figma frame per breakpoint: Loupe reflows the page to each width and tabulates the differences.

Accessibility audit PRO

Page-wide scan for WCAG contrast failures, missing alt text, small tap targets, unlabeled fields, and heading-order issues.

AI fix suggestions & QA reports PRO

Optional AI-written fix suggestions using your own Anthropic API key, and one-click export of a standalone QA report.

Simple pricing

The inspector toolkit is free forever. Loupe Pro adds design comparison, auditing, and reporting — with a 7-day free trial.

Free

$0

forever

  • Element inspector & xray
  • Distance measuring
  • Layout grid & page rulers
  • Color picker with contrast checker
  • Find element
  • Responsive device preview

No account needed. Free forever.

Enterprise

Custom

for teams & companies

  • Everything in Pro
  • Volume licensing for your team
  • Invoice billing
  • Priority email support
Contact us

Tell us your team size and we'll put together a quote.

Private by design

Everything runs locally in your browser — no analytics, no tracking, no inspection data ever leaves your machine. Figma and Anthropic tokens are optional, stored on-device, and sent only to the API you connect them to. Read the full privacy policy.