# Difframe

> Overlay reference sites and Figma prototypes on your page as a live iframe — a pixel-perfect comparison tool.

Canonical page: [https://chrome-stats.com/d/difframe](https://chrome-stats.com/d/difframe)

## Overview

- **ID:** `difframe`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Kite
- **Category:** web-development
- **Daily users:** 7
- **Rating:** 5.00 / 5 (1 ratings)
- **Version:** 1.0.1
- **Last updated:** 2026-08-28
- **First published:** 2026-08-14
- **Size:** 44 KB
- **Data as of:** 2026-10-17
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/difframe/)
- **Website:** [https://github.com/ixkaito/difframe/issues](https://github.com/ixkaito/difframe/issues)

## Description

Difframe overlays a reference website or Figma prototype on top of the page you're building — as a live iframe, not a screenshot — for pixel-perfect comparison.

Because the overlay is a real page, it always reflects the latest version of your reference and scrolls like the real thing.

Features:
<ul><li>Difference blend mode: matching areas turn black, so misalignments stand out instantly</li><li>Scroll sync between your page and the overlay</li><li>Explicit input-target switching: send clicks and scrolls to the page or the overlay</li><li>Presets saved per page or per host: URL, opacity, scale, size, position, blend mode</li><li>Tab scope: override the preset in a single tab, e.g. to compare desktop and mobile side by side</li><li>Image mode as a fallback for sites that refuse to be embedded (paste or drop an image)</li><li>Paste a Figma share link as is — it is converted to the embed URL automatically</li></ul>
Difframe collects no data. To display the reference page in an iframe, it removes frame-blocking headers (X-Frame-Options / CSP) only in tabs where the overlay is enabled, via per-tab session rules that are deleted when the tab closes. Other tabs and normal browsing are unaffected.

## Rankings

- #40,293 — Overall
- #31 — iframe
- #38 — figma
- #184 — reference

## Permissions and access

### Permissions

- `declarativeNetRequest`
- `storage`
- `unlimitedStorage`
- `scripting`
- `activeTab`

### Host permissions

- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [PerfectPixel by WellDoneCode (pixel perfect)](https://chrome-stats.com/d/perfectpixel) — 292 users, 4.68 / 5
- [Export to Figma](https://chrome-stats.com/d/export-to-figma) — 71 users, 5.00 / 5
- [IFrame Changer](https://chrome-stats.com/d/iframe-changer) — 4 users
- [HTML to Figma: Convert Websites into Designs](https://chrome-stats.com/d/wireframeit) — 597 users, 1.80 / 5
- [Frame](https://chrome-stats.com/d/frame) — 2 users
- [Frame Display](https://chrome-stats.com/d/frame-display) — 1 users
- [Figmafy](https://chrome-stats.com/d/figmafy) — 2 users, 5.00 / 5
- [PixelPerfect Pro](https://chrome-stats.com/d/pixelperfect-pro) — 19 users
- [Frame By Frame](https://chrome-stats.com/d/frame-by-frame) — 400 users, 4.25 / 5
- [MiroMiro](https://chrome-stats.com/d/miromiro) — 19 users
- [Dual Lens Overlay](https://chrome-stats.com/d/dual-lens-overlay)
- [Lumina X-Frame Bypass Pro](https://chrome-stats.com/d/lumina-x-frame-bypass-pro) — 5 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/difframe)