클로드에서 만든 디자인을 PC에 보관하려면 공유 링크만 남겨 두면 될까요? 링크로 결과를 보는 것과 HTML 파일을 내려받아 여는 것은 다른 작업입니다. Anthropic의 공식 안내를 바탕으로 디자인을 파일로 내보내고, Windows PC에서 그 파일을 브라우저로 여는 순서를 정리했습니다.
2026년 10월 16일 Edge에서 Artifacts와 Design 시작 화면을 직접 확인했습니다. 다만 촬영용 예제는 디자인 캔버스의 로딩 오류로 내보내기까지 진행하지 못했습니다. 아래의 실제 촬영 화면은 진입 과정과 오류 상태를 보여주며, HTML 다운로드·PC 열기 설명은 공식 안내를 바탕으로 한 절차입니다. 이번 예제에서 다운로드와 로컬 실행에 성공했다는 뜻은 아닙니다.
목차
어느 화면에서 디자인을 열어야 할까?
현재 Claude Design은 대화 옆에서 작업하는 결과물이자 Artifacts의 템플릿 중 하나입니다. 이미 만든 디자인은 사이드바의 Artifacts에서 찾아 다시 열 수 있습니다. 예전 독립 사이트에서 쓰던 메뉴와 현재 대화·Artifacts의 메뉴를 같은 것으로 생각하지 않는 것이 출발점입니다.
참조: Claude의 현재 Artifacts와 Design 이용 방식
공식 문서는 Artifacts를 사용하려면 클라우드 코드 실행과 파일 생성 기능이 켜져 있어야 한다고 안내합니다. 기능을 사용할 수 있는 상태라면 기존 디자인은 Artifacts에서 다시 여세요. 새로 시작할 때는 대화 입력창의 Output에서 Design을 선택하거나 Artifacts의 Design 템플릿을 선택해 결과를 연 뒤 내보내기를 진행하면 됩니다.
참조: Artifacts의 이용 조건과 템플릿 시작 경로
촬영 당시 계정에는 기존 아티팩트가 없어 Artifacts의 디자인 카드를 눌러 새 예제를 시작했습니다. 같은 경로를 이용한다면 입력창 아래에 Claude Design이 선택됐는지 확인하고 디자인 요청을 입력하면 됩니다.
HTML 파일은 어떻게 내려받을까?
이번 예제에서는 디자인 관리 메뉴를 열어 촬영할 수 있었지만 Export 항목은 확인하지 못했습니다. 캔버스가 계속 로딩 중이었고, 새로고침 한 번 후에는 ‘아티팩트를 불러오는 데 시간이 너무 오래 걸렸습니다’라는 오류가 표시됐습니다. 같은 디자인의 직접 링크에서도 로딩이 끝나지 않아 HTML 내보내기는 실행하지 않았습니다. 아래 메뉴 사진은 Export 위치를 보여주는 화면이 아닙니다.
디자인을 연 화면에서 오른쪽 위의 Export를 누르고 standalone HTML 형식을 선택합니다. 공식 안내는 파일 내보내기와 Share를 구분합니다. Share는 다른 사람이 디자인을 열고 무엇을 할 수 있는지 정하는 기능이므로, PC에 파일을 보관하려는 목적이라면 공유 링크 대신 HTML 내보내기를 선택하세요.
참조: Claude Design의 HTML 내보내기와 공유 안내
구형 독립 사이트를 사용하고 있다면 결과 형식을 구별해야 합니다. 그곳의 Share → Project HTML → Project archive → Export 경로는 프로젝트 파일이 담긴 ZIP을 내려받는 방식입니다. ZIP 이름을 .html로 바꾸는 것은 HTML 변환이 아닙니다. HTML 한 파일로 받을 목적이라면 현재 Design의 Export에서 standalone HTML을 고르고, 실제 내려받은 확장자까지 확인하세요.
참조: 구형 Claude Design의 프로젝트 ZIP 다운로드 방식
내려받은 파일을 PC 브라우저에서 어떻게 열까?
다운로드가 끝나면 탐색기에서 저장한 파일을 찾습니다. Windows 11에서 확장자가 보이지 않으면 보기 → 표시 → 파일 확장명을 선택하세요. 파일 이름 끝의 .html 또는 .htm을 확인하면 공유 링크나 ZIP과 구별하기 쉽습니다.
그 파일을 마우스 오른쪽 버튼으로 눌러 연결 프로그램에서 설치된 Edge나 Chrome을 선택합니다. 원하는 브라우저가 목록에 없다면 다른 앱 선택으로 찾습니다. 앱 선택 창에서 이번만 열기를 고르면 기본 프로그램을 바꾸지 않고도 해당 파일을 열 수 있습니다. 받은 HTML을 확인하려는 목적이라면 이 방식으로 같은 파일을 브라우저에서 여세요.
참조: Windows에서 파일을 특정 앱으로 여는 방법
열린 파일에서 무엇을 확인하면 될까?
브라우저가 열리면 방금 내려받은 파일을 연 것인지 파일명을 확인합니다. 이어 원래 디자인의 제목과 본문, 필요한 이미지가 표시되는지 살펴보세요. 버튼이나 펼침 영역이 있는 디자인이라면 그 기능도 구별해 확인해야 합니다. 페이지가 나타난 것과 필요한 동작이 작동하는 것은 같은 확인이 아닙니다.
공식 문서에 HTML 내보내기가 있다는 사실만으로 특정 디자인의 모든 기능이나 완전한 오프라인 실행까지 보장되는 것은 아닙니다. 화면을 보관해 다시 보는 목적과 실제 서비스를 운영하는 목적도 나누어 판단하는 편이 좋습니다.
PC에서 다시 볼 파일을 남기려면 Design을 열어 Export의 standalone HTML로 내려받고, 탐색기에서 실제 확장자를 확인한 다음 연결 프로그램으로 Edge나 Chrome을 선택해 여세요. 마지막으로 같은 파일에서 원래 내용·이미지와 필요한 동작을 확인하면 됩니다. 이렇게 파일 받기와 브라우저 열기를 연결해야 공유 링크만 보관한 경우와 구별할 수 있습니다.
답글 남기기