LogoCloneWebsite ドキュメント
LogoCloneWebsite ドキュメント
ホームページ

Getting Started

ようこそクイックスタート

Usage Guide

Chrome 拡張機能ガイドウェブページを Figma に書き出すウェブサイトのプロジェクト機能は廃止されました完璧なクローンのためのベストプラクティス

Developer

API リファレンス

Other

よくある質問 (FAQ)変更履歴テクニカルサポート

ようこそ

CloneWebsite ピクセルパーフェクトなウェブページクローナー

はじめに

CloneWebsite は現在 Chrome 拡張機能 を中心としています。ウェブサイトはドキュメント、推奨ダウンロードのガイダンス、製品リファレンスのために維持されています。キャプチャ、ローカルプロジェクト、軽量な Workbench 編集、BYOK AI、ZIP 書き出しはすべてブラウザ拡張機能内で行われます。

Chrome 拡張機能

HTML、CSS、画像、フォントを含む、現在のページのすべてのリソースをワンクリックでブラウザ内に直接抽出します。

ローカル Workbench

キャプチャを拡張機能のローカルに保存し、軽量な Workbench でプレビューと編集を行ってから ZIP をダウンロードします。

リソース抽出

ページ上のすべての静的リソースをスマートに抽出し、Base64 画像を個別ファイルに変換してサイズを削減します。

主な機能

  • 🎯 ピクセルパーフェクトな精度 - ページの視覚効果とレイアウトを完全に保持
  • 📦 リソースパッケージング - 独立した ZIP パッケージを生成し、完全なオフラインブラウジングをサポート
  • 🧰 ローカルプロジェクト - ブラウザ拡張機能に ZIP スナップショットを保存し、ウェブサイトへのアップロードは不要
  • 🔑 BYOK AI - あなたが設定した OpenAI Chat Completions 互換のエンドポイントを利用可能
  • 🧹 スマートフィルタリング - トラッキングやアナリティクスのような不要な外部スクリプトを自動的に削除
  • 🎨 スタイルキャプチャ - すべての計算済みスタイルをキャプチャし、環境間の視覚的一貫性を保証
  • 🔷 Figma 書き出し - ローカルの .cdesign アーカイブ経由で、キャプチャを Figma の編集可能なレイヤーとフレームとして書き出し
  • ⚡ 高パフォーマンス - 最適化されたビルドプロセスで、非常に大きなウェブページの処理をサポート

こんな方に最適です

  • フロントエンド開発者:競合ウェブサイトのレイアウト実装とスタイルの詳細を素早く把握
  • UI/UX デザイナー:個人的なデザインインスピレーションライブラリを構築し、優れたウェブデザインを保存
  • SEO の専門家:競合のページ構造とコンテンツ構成を分析
  • コンテンツクリエイター:元のリンクの有効期限切れを防ぐため、ウェブページのスナップショットを保存

準備はできましたか?

今すぐクローンの旅を始めましょう:クイックスタートガイド

クイックスタート

3分以内に CloneWebsite を使い始める

目次

はじめに
主な機能
こんな方に最適です