어떤 웹 페이지든 픽셀 퍼펙트로 클론 — 100% 로컬
브라우저 안에서 페이지를 완전히 캡처, 편집, 내보내기 하는 Chrome 확장 프로그램
DOM 캡처, 추적기 제거, 리소스 중복 제거와 ZIP 또는 Figma 레이어 내보내기를 로컬에서 수행합니다. AI는 선택 사항이며 설정한 엔드포인트를 사용합니다.
로컬 우선
숫자로 보는 로컬 우선
로컬 캡처와 내보내기, 선택 사항인 AI는 설정한 제공업체에 직접 연결합니다.
로컬, 브라우저 내 처리
캡처에 필요한 CloneWebsite 서버
ZIP 내보내기
작동 방식
캡처 → 처리 → 워크벤치 → 내보내기
4단계 로컬 파이프라인이 어떤 라이브 페이지든 깔끔하고 자체 포함된 프로젝트로 바꿉니다.
DOM 고정
라이브 페이지를 스냅샷하고 시각적 충실도를 위해 계산된 스타일을 인라인화.
트래커 필터링
Google Analytics, Pixel, GTM 및 기타 추적 스크립트를 자동으로 제거.
에셋 중복 제거
이미지, 폰트, CSS를 해시하여 동일한 리소스는 한 번만 다운로드.
로컬 워크벤치
가벼운 워크벤치에서 캡처한 프로젝트를 오프라인으로 미리보고 편집.
BYOK AI
AI는 본인의 키로 코드와 프롬프트를 설정한 엔드포인트에 전송합니다. CloneWebsite는 요청을 중계하지 않습니다.
ZIP & Figma 내보내기
HTML, 스타일, 이미지, 폰트가 포함된 자체 포함 ZIP을 다운로드하거나 캡처를 편집 가능한 레이어로 Figma에 보내기.
설계부터 픽셀 퍼펙트
클론을 충실하게 만드는 요소
계산된 스타일, 스마트 필터링, 중복 제거된 에셋이 캡처를 정확하고 가볍게 유지합니다.
고객님의 스택으로 내보내기
캡처에서 코드로
충실한 HTML 캡처를 가져와 고객님의 프레임워크용으로 변환하세요 — 또는 Figma로 보내세요.
- 깔끔하고 자체 포함된 HTML + 에셋 ZIP
- HTML을 React 컴포넌트로 변환
- HTML을 Vue 컴포넌트로 변환
- 오프라인 샌드박스 미리보기(MV3)
- 편집 가능한 레이어로 Figma 내보내기
- 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 레이어를 내보내세요.
웹페이지를 편집 가능한 Figma 레이어로
Chrome에서 캡처하고 .cdesign 파일을 컴퓨터에 보관한 뒤 Figma Community 플러그인으로 필요한 장면을 가져오세요.
Chrome에서 캡처
확장 프로그램의 출력을 Figma로 바꾸고 페이지 또는 컴포넌트를 캡처하세요.
.cdesign 저장
캡처가 끝나면 로컬 아카이브를 다운로드하세요.
플러그인 열기
Figma 디자인 파일에서 Figma Community의 CloneWebsite Design Importer를 실행하세요.
선택 후 가져오기
뷰포트, 테마 또는 상태 장면을 선택하고 가져오기 보고서를 확인한 뒤 편집을 계속하세요.
무료, 그리고 완전히 오프라인
로컬 캡처와 내보내기는 무료이며 계정이나 크레딧이 필요 없습니다. 선택 사항인 AI 사용료는 본인이 선택한 제공업체가 청구합니다.
- 로그인이나 계정 불필요
- 무제한 로컬 캡처
- 깔끔하고 자체 포함된 ZIP 내보내기
- 로컬 워크벤치 편집
- 자체 키로 BYOK AI
- 편집 가능한 레이어로 Figma 내보내기
웹 페이지를 클론하는 더 많은 방법 탐색
맞는 워크플로를 선택하세요 — 모든 옵션이 브라우저에서 로컬로 실행됩니다.
Clone Website 확장 프로그램
Chrome용 픽셀 퍼펙트 페이지 클로너.
Website Cloner 도구
어떤 페이지든 캡처하고 내보내는 로컬, 프라이빗 도구.
Website를 HTML로 클론
깔끔하고 자체 포함된 HTML과 에셋 내보내기.
URL에서 website 클론
아무 URL이나 열고 한 번의 클릭으로 캡처.
GitHub 웹사이트 복제 도구
공개 소스 대안 비교
온라인 클로너 대안
로컬 확장 프로그램이 온라인 클론 도구보다 나은 이유.
AI Website 클로너(BYOK)
자체 키로 클론한 HTML을 React나 Vue로 변환.
웹사이트 클론이란?
클론의 의미 설명 — 가이드를 읽어보세요.
FAQ
오프라인 확장 프로그램에 대한 자주 묻는 질문
뉴스레터
커뮤니티 참여
최신 뉴스와 업데이트를 받아보려면 뉴스레터를 구독하세요