概要
参考サイトや Figma プロトタイプを iframe で実装画面に重ねて表示するピクセルパーフェクト用ツール。
実装中のページの上に、参考サイトや Figma プロトタイプを「スクリーンショットではなく実際に動く iframe」として重ねて表示する、ピクセルパーフェクト比較用ツールです。 実際のページをオーバーレイとして表示するので、常に最新の状態を参照でき、スクロールも実際の挙動のまま比較できます。 主な機能: - ブレンドモード「差分」: 一致部分が黒に沈み、ズレだけが浮かび上がる - 実装ページとオーバーレイのスクロール連動 - クリック・スクロールの操作対象 (ページ / オーバーレイ) を明示的に切り替え - プリセットをページ別 / ホスト別に保存(URL・不透明度・拡大率・サイズ・位置・ブレンドモード) - タブスコープ: タブごとにプリセットを適用することで、PC 用と SP 用を同時に比較 - iframe 埋め込みを拒否するサイトには画像モードを利用可能 - Figma の共有リンクはそのまま貼るだけで埋め込み用 URL に自動変換 Difframe はデータを一切収集しません。参照ページを iframe で表示するために、フレーム表示を拒否するヘッダ (X-Frame-Options / CSP) を、オーバーレイを有効にしたタブに限って除去します。これはタブ単位のセッションルールで行われ、タブを閉じると削除されます。他のタブや通常の閲覧には影響しません。
詳細
- バージョン1.0.1
- 更新:2026年8月28日
- 提供元Kite
- サイズ37.22KiB
- 言語2 言語
- デベロッパー
メール
ixkaito@gmail.com - 非取引業者このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。
プライバシー
拡張機能を管理し、組織での使用状況を確認できます
デベロッパーは、お客様のデータを収集または使用しないことを表明しています。 詳しくは、デベロッパーの privacy policy をご確認ください。
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
サポート
質問や提案、問題がある場合は、デベロッパーのサポートサイトにアクセスしてください。
