オフラインページクローナー

あらゆるウェブページをピクセルパーフェクトでクローン — 100%ローカル

ブラウザ内でページを完全にキャプチャ、編集、書き出しするChrome拡張機能

DOM のキャプチャ、トラッカー除去、リソースの重複排除、ZIP・Figma レイヤーの書き出しをローカルで実行。AI は任意で、設定したエンドポイントを使用します。

キャプチャと書き出しはローカルで実行。任意の AI は設定したプロバイダーへ直接接続します。

ローカルファースト

数字で見るローカルファースト

キャプチャと書き出しはローカルで実行。任意の AI は設定したプロバイダーへ直接接続します。

100%

ローカル、ブラウザ内処理

0

キャプチャに必要な CloneWebsite サーバー

1クリック

ZIP書き出し

使い方

キャプチャ → 処理 → ワークベンチ → 書き出し

4段階のローカルパイプラインが、あらゆる生ページをクリーンで自己完結したプロジェクトに変えます。

DOMを固定

生のページをスナップショットし、視覚的な忠実さのために計算済みスタイルをインライン化。

トラッカーをフィルター

Google Analytics、Pixel、GTM、その他のトラッキングスクリプトを自動的に除去。

アセットを重複排除

画像、フォント、CSSをハッシュ化し、同一リソースのダウンロードを一度に。

ローカルワークベンチ

軽量なワークベンチでキャプチャしたプロジェクトをオフラインでプレビューして編集。

BYOK AI

AI はあなたのキーを使い、コードやプロンプトを設定したエンドポイントへ送信します。CloneWebsite はリクエストを中継しません。

ZIP & Figma エクスポート

HTML、スタイル、画像、フォントを含む自己完結型のZIPをダウンロード、またはキャプチャを編集可能なレイヤーとしてFigmaに送信。

設計によるピクセルパーフェクト

クローンを忠実にする要素

計算済みスタイル、スマートなフィルタリング、重複排除されたアセットが、キャプチャの正確さと軽さを保ちます。

非デフォルトの視覚スタイルのみインライン化し、レイアウトのレスポンシブ性を維持。

https://example.com
計算済みスタイル

お客様のスタックへ書き出し

キャプチャからコードへ

忠実なHTMLキャプチャを取得し、ご自身のフレームワーク向けに変換 — またはFigmaに送信。

  • クリーンで自己完結型のHTML + アセットZIP
  • HTMLからReactコンポーネントへの変換
  • HTMLからVueコンポーネントへの変換
  • オフラインサンドボックスプレビュー(MV3)
  • 編集可能なレイヤーとして Figma にエクスポート
Export
  • cloned-page.zip
  • index.html
  • assets/
  • img-3f9a.png
  • font-7c2e.woff2
  • style-a1b9.css
  • script-9d4c.js

すべてローカルで動作

アーキテクチャによるプライバシー

アカウント不要、サーバーを介さない — キャプチャは端末に残ります。

DOM固定

計算済みスタイルによる不変のスナップショット。

Base64抽出

インライン画像を実際のアセットファイルに取出。

HTML圧縮

書き出し前に冗長なマークアップを除去。

IndexedDBライブラリ

プロジェクトは拡張機能内でZIPブロブとして保存。

ワークベンチ編集

オフラインでプレビュー、編集、再書き出し。

BYOK AI設定

OpenAI互換エンドポイントをご自身で設定。

ローカルワークベンチ

キャプチャ、編集、書き出し — すべてオフライン

キャプチャをローカルプロジェクトライブラリに保存し、ワークベンチで調整し、ブラウザから離れずにクリーンなZIPまたは編集可能なFigmaレイヤーを書き出し。

1クリックキャプチャローカルワークベンチZIP書き出しFigma エクスポート
https://example.com
ワークベンチのプレビュー
FIGMA ワークフロー

ウェブページから編集可能な Figma レイヤーへ

Chrome でキャプチャして .cdesign ファイルをローカルに保存し、Figma Community のプラグインで必要なシーンを読み込みます。

01

Chrome でキャプチャ

拡張機能の出力を Figma に切り替え、ページまたはコンポーネントをキャプチャします。

02

.cdesign を保存

キャプチャが完了したら、ローカルのアーカイブをダウンロードします。

03

プラグインを開く

Figma のデザインファイルで、Figma Community の CloneWebsite Design Importer を実行します。

04

選択して読み込む

ビューポート・テーマ・状態のシーンを選択し、読み込みレポートを確認して編集を続けます。

https://example.com

実際の動作を見る

実際のページをキャプチャし、数秒でオフラインワークベンチを体験。

料金

無料、そして完全にオフライン

ローカルのキャプチャと書き出しは無料で、アカウントやクレジットは不要です。任意の AI 利用料は選んだプロバイダーが請求します。

$0永久に
  • ログインやアカウント不要
  • 無制限のローカルキャプチャ
  • クリーンで自己完結型のZIP書き出し
  • ローカルワークベンチ編集
  • 独自キーによるBYOK AI
  • 編集可能なレイヤーとしての Figma エクスポート
拡張機能をインストール料金とプラン

FAQ

オフライン拡張機能についてのよくある質問

数秒で最初のページをクローン

Chrome向けの無料のオフラインCloneWebsite拡張機能をインストール。

ニュースレター

コミュニティに参加

最新のニュースと更新を受け取るにはニュースレターを購読してください