토론

Claude 디자인 설정 워크플로우

Wikiprompt, 무료 프롬프트 백과사전에서

Ruben Hassid

2026년 5월 7일

Claude 디자인 설정 워크플로우 Claude Design을 설정하여 브랜드 웹사이트, 덱, 비디오를 생성하기 위한 단계별 워크플로우입니다. 디자인 시스템 파일과 구조화된 프롬프트를 활용합니다.

프롬프트 내용저장

🌐
1단계. claude.ai/design으로 이동한다(URL을 북마크에 저장). Pro 또는 Max 플랜으로 로그인한다. "Claude Design" 폴더를 하나 만든다. 보유한 모든 브랜드 자산(로고, 기존 프레젠테이션, 랜딩 페이지, 브랜드 PDF)을 그 안에 넣는다. 2단계. DESIGN.md를 작성한다. Claude Cowork를 열고 해당 폴더를 지정한다. 다음을 붙여넣는다: "이 폴더를 분석하고 완전한 디자인 시스템 문서를 작성해 줘. 폰트, 색상, 그래픽 스타일, 컴포넌트 패턴, 톤, 레이아웃 관례. 누락된 항목이 있으면 표시해 줘. DESIGN.md로 저장해 줘." 3단계. 프롬프트 구조를 고정한다. 입력 4가지: 목표, 레이아웃, 콘텐츠, 제약 조건. 나쁜 예: "가격 페이지를 만들어 줘." 좋은 예: "[제품]의 가격 페이지를 만들어 줘. 3단계 요금제, 연간/월간 토글, 모바일에서 고정 CTA. 톤: 프리미엄, 전략적 - Stripe + Anduril 스타일. DESIGN.md에 맞춰 줘." 4단계. 형식을 선택한다. 와이어프레임 → 전체 웹사이트 및 랜딩 페이지. 슬라이드 데크 → 피치 데크(발표자 노트 포함). 템플릿 기반 → 45초 애니메이션 비디오. 5단계. 생성한 후 반복한다. 채팅에서 구조 변경: "대체 레이아웃 3개를 보여 줘." 캔버스에서 픽셀 변경: 편집을 클릭하고 변경할 부분을 강조 표시. 반응형 확인: "데스크톱, 태블릿, 모바일 버전을 생성해 줘." 6단계. 내보내기. PPTX, PDF, 독립형 HTML 또는 Code 번들.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 productivity와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:productivity| twitter| claude-design| design-system

토론