CloneWebsite拡張機能をインストール
ページをローカルにキャプチャ。ウェブサイトのログイン、クレジット、クラウドプロジェクト同期は不要です。
拡張機能が提供するもの
ローカルプロジェクト
キャプチャしたZIPプロジェクトをウェブサイトのアカウントではなくブラウザ拡張機能のストレージに保存。
ZIPをダウンロード
HTML、スタイル、画像、フォント、アセットを含む完全なZIP書き出しを保持。
軽量ワークベンチ
ローカルでプレビューして編集。オプションでOpenAI Chat Completions互換のBYOK AIを利用可能。
Figma エクスポート
ローカルの .cdesign アーカイブ経由でキャプチャを編集可能なレイヤーとして Figma にエクスポート。
ウェブページから編集可能な Figma レイヤーへ
Chrome でキャプチャして .cdesign ファイルをローカルに保存し、Figma Community のプラグインで必要なシーンを読み込みます。
Chrome でキャプチャ
拡張機能の出力を Figma に切り替え、ページまたはコンポーネントをキャプチャします。
.cdesign を保存
キャプチャが完了したら、ローカルのアーカイブをダウンロードします。
プラグインを開く
Figma のデザインファイルで、Figma Community の CloneWebsite Design Importer を実行します。
選択して読み込む
ビューポート・テーマ・状態のシーンを選択し、読み込みレポートを確認して編集を続けます。
.crxを手動でインストール
ローカルパッケージを好む場合や、お住まいの地域でストアの掲載が利用できない場合にご利用ください。
.crxファイルをダウンロード
上の「.crxをダウンロード」をクリックして clonewebsite-latest.crx をコンピュータに保存します。
拡張機能ページを開く
Chromeでは chrome://extensions、Edgeでは edge://extensions を開きます。
デベロッパーモードを有効化
拡張機能ページの右上にある「デベロッパー モード」をオンにします。
.crxをドラッグしてインストール
ダウンロードした .crx ファイルを拡張機能ページにドラッグし、「拡張機能を追加」を確認します。