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 파일을 확장 프로그램 페이지로 드래그하고 '확장 프로그램 추가'를 확인합니다.