Difframe

What is Difframe?

Difframe overlays a reference site or Figma prototype on the page you're building — as a live iframe, not a screenshot. Because the reference is a real page, it never goes stale and scrolls like the real thing. Switch on Difference blend mode and every matching area turns black, leaving only the misalignment on screen. Presets store the URL, opacity, scale, size, position and blend mode, scoped per tab, page or host — so two tabs can compare desktop and mobile at once. Free, MIT, no tracking.