Wix 헤드리스: Claude Design으로 사이트 제작하기

네, Claude Design을 Wix와 함께 사용하려면 Wix 계정이 필요합니다. 디자인을 Wix로 전송하면 계정에 새 사이트로 저장됩니다. 이 사이트에서 콘텐츠를 관리하고 비즈니스 솔루션을 추가하며 도메인을 연결할 수 있습니다. 무료로 가입하기.

네. 사이트를 라이브로 전환한 후 Wix 대시보드에서 사용자 지정 도메인을 연결할 수 있습니다. 기존에 보유한 도메인을 연결하거나 Wix에서 새 도메인을 구매할 수 있습니다.

디자인을 라이브로 전환한 후 Wix 대시보드에서 프롬프트를 복사해 AI 코딩 에이전트에 붙여넣습니다. 에이전트가 프로젝트를 다운로드하고 사이트에 필요한 비즈니스 솔루션을 연결합니다.

연결을 완료하면 Wix 대시보드에서 비즈니스를 관리할 수 있습니다.

디자인을 Wix로 보내면 사이트가 즉시 게시되어 라이브 상태가 됩니다. 이후 사이트를 계속 편집하고 변경사항을 라이브 사이트에 반영하는 방법은 Claude 디자인에서 Wix로 처음 보낸 후 AI 코딩 에이전트 또는 Wix CLI로 사이트를 게시했는지에 따라 달라집니다.

• Claude 디자인에서만 사이트를 게시한 경우: Claude 디자인에서 공유를 클릭하고 보내기 탭으로 이동한 후 Wix로 보내기를 다시 클릭합니다. 기존 라이브 사이트가 동일한 URL에서 최신 디자인으로 업데이트됩니다.

• AI 코딩 에이전트 또는 Wix CLI로 사이트를 게시한 경우: Claude 디자인에서 디자인을 내보낸 후 AI 코딩 에이전트에 프로젝트 변경사항을 적용하도록 요청합니다.

  1. (Claude 디자인에서) 공유를 클릭하고 내보내기 탭을 선택합니다.

  2. 독립형 HTML을 선택하고 다운로드를 클릭합니다.

  3. 다운로드한 파일을 AI 코딩 에이전트에 추가하고 새 디자인으로 기존 프로젝트를 업데이트하도록 요청합니다.

  4. 에이전트에 "npx wix preview"를 실행하고 미리보기 링크를 제공하도록 요청합니다.
     도움말: 사이트를 게시하기 전에 결과를 확인하세요.

  5. 사이트를 게시합니다. 에이전트에 게시를 요청하거나 직접 "npx wix release"를 실행할 수 있습니다.

참고:

사이트를 Wix 비즈니스 솔루션(예: Wix 쇼핑몰, Wix 예약)에 연결했다면 AI 코딩 에이전트(예: Claude Code, 커서 또는 Codex)를 사용해 사이트를 계속 사용자 지정하는 것이 좋습니다. 원하는 변경사항을 설명하면 에이전트가 프로젝트에 적용합니다.

Claude 디자인의 디자인 변경사항 동기화에 대해 자세히 알아보세요.

네. Claude 디자인에서 디자인을 변경한 후 내보낸 파일을 사용해 AI 코딩 에이전트로 변경사항을 사이트에 적용할 수 있습니다. Claude 디자인의 디자인 변경사항을 동기화하는 방법을 알아보세요.

1. Claude 디자인에서 새 페이지를 디자인합니다.

2. 공유를 클릭하고 내보내기 탭을 선택합니다.

3. 독립형 HTML을 선택하고 다운로드를 클릭합니다.

4. 다운로드한 파일을 AI 코딩 에이전트에 추가하고 기존 프로젝트에 페이지를 추가하도록 요청합니다.

5. 에이전트에 사이트를 다시 게시하도록 요청하거나 직접 "npx wix release"를 실행합니다.

참고: Claude 디자인에서 Wix로 보내기를 클릭하면 한 페이지만 배포됩니다.

Claude 디자인 사용에 대해 자세히 알아보세요.

Wix 대시보드에서 사이트(즉, 프런트엔드) 게시를 취소할 수 있습니다. 방문자가 사이트에 다시 액세스할 수 있도록 언제든지 재게시할 수 있습니다.

1. 사이트 대시보드에서 설정으로 이동합니다.

2. 사이트 설정을 클릭합니다.

3. 페이지 상단에서 게시 취소를 클릭합니다.

4. 팝업에서 게시 취소를 클릭해 확인합니다.

중요! 사이트 게시를 취소해도 도메인 또는 프리미엄 플랜은 해지되지 않습니다. 도메인 또는 플랜을 해지하는 방법을 알아보세요.