PixelPeek

About

PixelPeek brings Figma's Dev Mode experience to any
  website you visit — no DevTools, no digging through
  Elements panels.

  Hold Ctrl and hover over any element to instantly see
   its box model, spacing, typography, colors, and
  flex/grid layout in a clean floating overlay. Click
  to pin a detailed property panel with one-click copy
  for every value.

  Why install PixelPeek?

  • Faster than DevTools — inspect any element in one
  keystroke, without switching tabs or hunting through
  nested HTML
  • Designer-friendly readout — see margin/padding as
  color-coded overlays (just like Figma), with Fill/Hug
   labels, alignment matrix, gradient previews, and
  color swatches
  • Smart component detection — buttons, navbars, and
  cards are automatically highlighted in purple so you
  always know what you're inspecting
  • Copy anything instantly — CSS values, colors, and
  even full-resolution images to clipboard in one click
  • Zero setup — no login, no configuration, no
  external services. Install and start inspecting
  immediately
  • Works on every site — inspects live pages, staging
  environments, competitor UIs, and design systems
  alike

  Perfect for frontend developers debugging spacing,
  designers doing QA on live builds, and anyone who's
  ever thought "I just want to know what font that is."