Claude Design으로 제품 홍보 영상 만드는 법 (프롬프트 포함)
How to make a Product Promo Video with Claude Design (Prompts inside)
핵심 요약
Claude를 활용해 제품 홍보 영상을 단계별로 제작하는 방법과 효과적인 프롬프트 템플릿을 공유함.
- 장면 중심 설계 — 디자인이 아닌 감독이 샷 리스트를 짜듯 장면별로 구체적인 행동을 정의함.
- 단계적 수정 — 한 번에 완벽한 결과를 기대하기보다 초안 작성 후 특정 부분을 타겟팅하여 수정함.
- 범용 프롬프트 — 제품 URL과 핵심 가치를 입력하여 30~45초 분량의 홍보 영상을 생성하는 템플릿 제공.
- 영상 내보내기 — Claude로 만든 애니메이션을 MP4 파일로 변환하는 외부 도구 활용법 소개.
Claude 코드를 완전히 활용해 제품 홍보 영상을 만들었습니다. 그 과정을 프롬프트와 함께 설명해 드릴게요. 맨 아래에는 여러분이 사용하실 수 있는 범용 프롬프트도 준비했습니다.
1단계: 장면별로 영상 묘사하기
'디자인'이라고 생각하지 마세요. 감독이 촬영팀에게 샷 리스트를 주듯이 '장면'으로 생각하세요.
제가 사용한 첫 번째 프롬프트입니다:
내 제품 https://claudevideoexport.com을 위한 세련된 제품 소개 영상을 만들어줘.
- 장면 1: 텍스트 애니메이션 — "Claude Design 애니메이션에서 MP4를 얻는 방법"
- 장면 2: "Claude Design"이 열려 있는 작은 브라우저 창을 보여줘. 오른쪽 상단의 "Present" 링크와 "Share" 버튼으로 화면을 이동해. 마우스가 "Present"를 클릭하면 드롭다운이 나타나고, 마우스가 "New Tab"을 클릭하는 걸 보여줘. 새 탭이 열리고 URL이 복사돼. URL은 "https://2d0b2821-9f01-40b1-b0a6-2f4db6601a33.claudeusercontent.com/v1/design/projects/2d0b..."로 표시돼.
- 장면 3: claudevideoexport.com으로 전환해서 폼을 보여줘. URL이 폼에 붙여넣어지고 "Export"가 클릭돼.
- 장면 4: 0%에서 100%로 빠르게 움직이는 진행 막대. 텍스트는 "Rendering Video (0/2000 frames)"라고 뜨고 카운터가 2000/2000까지 올라가.
- 장면 5: "video.mp4"라고 적힌 파일 아이콘이 튀어나와서 다운로드돼.
- 장면 6: video.mp4가 유튜브, 인스타그램, 페이스북에 업로드돼.
- 장면 7: 텍스트 애니메이션 — "Claude Design 애니메이션 만들기 → ClaudeVideoExport.com을 사용하여 MP4 얻기"
https://claudevideoexport.com의 룩앤필을 사용해줘. UI 구성 요소는 해당 사이트의 것과 어울려야 해.
이 프롬프트가 효과적인 이유: 순차적이기 때문입니다. 각 장면마다 명확한 행동이 있습니다. URL 문자열, 버튼 라벨, 진행 텍스트 같은 UI 세부 정보는 Claude가 일반적인 것이 아니라 진짜처럼 보이는 것을 만들 수 있게 해줍니다. 그리고 실제 웹사이트 URL에 고정하면 Claude가 디자인 참조를 가져올 수 있습니다.
2단계: 후속 작업을 통한 개선
첫 번째 결과물은 비슷했지만 완벽하진 않았습니다. 플랫폼 업로드 장면이 정적으로 보였고 전체적인 속도가 느렸습니다. 프롬프트 하나를 더 추가했습니다:
- 유튜브, 인스타그램, 페이스북으로의 파일 업로드는 브라우저에서 해당 사이트로 파일을 드래그 앤 드롭하는 것처럼 보여야 해. 각 사이트의 브랜드 색상과 일치하는 기본적인 드래그 앤 드롭 UI 요소를 보여줘. 웹에서 각 플랫폼에 맞는 올바른 아이콘을 가져와.
- 전체적인 장면 전환을 더 빠르고 세련되게 만들어줘. 전체 길이를 40초 미만으로 유지해.
이게 전부입니다. 총 두 개의 프롬프트죠. 두 번째 프롬프트가 필요한 부분을 정확히 수정했습니다.
교훈: 하나의 거대한 프롬프트로 모든 걸 해결하려고 하지 마세요. 작동하는 초안을 만들고, 지켜보고, 무엇이 잘못되었는지 메모한 뒤, 그 특정 부분들을 수정하세요. Claude Design은 타겟팅된 수정에 잘 반응합니다.



