클로드 디자인을 제대로 쓰는 5가지 방법
최근 클로드 디자인 공개되고 많은 분들이 관심을 갖고 써보고 계실 것 같습니다. 저도 사내 디자인 시스템을 연결해서 써보고 있는데요. 원하는 결과를 만드는 데 온보딩에서만 많은 시간을 쓴 것 같습니다. Peter Yang의 유튜브에서 클로드 디자인을 더 깊게 경험하고 공유한 내용이 있어서 정리해봤습니다.
———
1. 영상 생성 전 클래리파잉 질문에 답하세요
영상을 만들기 전에 길이, 톤, 모션 스타일 같은 질문을 먼저 던집니다. 클로드가 개발 스펙을 구체화하는 방식과 동일한 접근입니다. 잘 모르는 항목은 “decide for me”를 선택해도 무방하다고 합니다. 단, 이 단계를 건너뛰지 않는 것을 권장합니다. 답변이 구체적일수록 결과물 퀄리티가 높아지거든요.
2. 슬라이드는 영상으로 먼저 만들고 변환하세요
정적 슬라이드를 바로 요청하면 밋밋하게 나옵니다. 같은 카피로 애니메이션 영상을 먼저 만든 뒤, “수동으로 넘길 수 있는 슬라이드 덱으로 변환해줘”라고 하면 애니메이션이 살아있는 덱이 나옵니다. 프롬프트 순서 하나가 결과물을 완전히 바뀐다고 합니다.
3. 랜딩페이지는 레퍼런스 URL을 주세요
레퍼런스 URL을 제시하면 클로드 디자인이 직접 링크를 찾아 80% 수준까지 재현합니다.(저의 체감은 70%?) 이후 “톤인체크 버전으로 카피 바꿔줘” 같은 방향 전환도 자연스럽게 됩니다. 처음부터 완벽한 페이지를 요청하기보다 레퍼런스를 주고 변형하는 방식을 권장합니다.
4. 트윅 패널로 마지막 10%를 직접 손보세요
클로드가 생성한 결과물은 90%까지는 빠르게 나오지만 나머지 10%는 사람 손이 필요합니다. 트윅 패널에서 컬러 팔레트를 바꾸거나, 편집 모드로 텍스트를 직접 수정할 수 있습니다. 앱 디자인의 경우 클로드 디자인이 자동으로 스크린샷을 찍고 텍스트 겹침 같은 시각적 오류를 스스로 수정하기도 하지만, 완성 후 직접 클릭해서 확인하는 과정은 여전히 필요합니다.
5. 디자인 시스템은 Figma 파일을 업로드하세요
Figma UI 키트를 업로드하고 “이 기반으로 디자인 시스템 만들어줘”라고 하면 타이포, 컬러, 스페이싱, 모션 커브까지 약 10분 안에 나옵니다. 토큰을 많이 사용하는 작업이라 가볍게 반복하기는 어려워 한번에 팀용으로 작업하길 권장하네요. (파일 업로드 vs 깃북 링크 어떤 것이 더 정밀한 결과가 나오는지 테스트해보신분들 계시면 댓글 남겨주세요👀)
———
사용 제한에 계속 걸려서 이것저것 테스트해보지 못하는 게 아쉽습니다😥 디자인은 규격화된 요소도 있지만 감각의 영역이 분명 존재하는 것 같습니다.
클로드 디자인 써보신 분들 중에 재밌는 경험이나 노하우가 있으시면 공유해주세요🙌
원문 출처 : Peter Yang - YouTube
이미지 출처 : Anthropic blog
해시태그#AI 해시태그#Claude 해시태그#Design
