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 사용 시작

목차

소개
핵심 기능
누구를 위한가요?