클로드 디자인은 디자인 도구를 따로 배우지 않아도, 말로 설명하면 화면 시안을 만들어 주는 기능입니다. 2026년 9월 16일부터 클로드의 모든 대화에서 디자인을 만들 수 있게 되었고, 10월 8일에는 베타를 마치고 무료 플랜을 포함한 모든 요금제의 정식 기능이 되었습니다. 랜딩 페이지 시안, 한 장짜리 소개서, 설문 화면, 앱 첫 화면 같은 결과물을 대화하듯 만들고, 클릭해서 고치고, PDF나 파워포인트로 내려받을 수 있습니다.
이 글은 클로드 디자인(Claude Design)을 처음 쓰는 직장인과 부업으로 홍보물·시안을 만드는 N잡러를 위한 안내입니다. 시작 방법, 고치는 방법, 디자인 시스템, 내보내기와 공유, 주의할 점을 차례로 정리했습니다. 메뉴 이름은 한국어 화면 기준이며 업데이트에 따라 바뀔 수 있습니다.
2026년 10월 24일 기준 업데이트
30초 요약
① 메시지 상자의 출력 → 디자인을 고르거나 “랜딩 페이지 시안을 디자인으로 만들어 줘”라고 요청하면 대화 옆에 캔버스가 열립니다.
② 큰 변경은 대화로, 특정 부분은 캔버스 위 댓글로, 작은 위치 조정은 직접 드래그해서 고칩니다.
③ 오른쪽 위 내보내기에서 .zip, PDF, PPTX, Google Slides, 독립형 HTML로 받거나 다른 도구로 보낼 수 있습니다.
④ 아직 버전 기록이 없고, 단독 사이트 claude.ai/design은 2026년 12월 14일에 닫힙니다.

클로드 디자인이란
클로드 디자인은 클로드와 대화하면서 디자인, 클릭해 볼 수 있는 시제품(프로토타입), 한 장짜리 소개서 같은 시각 결과물을 만드는 기능입니다. 처음에는 claude.ai/design이라는 별도 사이트로 나왔습니다. 지금은 문서·슬라이드처럼 아티팩트 템플릿의 하나가 되어 일반 대화창에서 바로 씁니다.
공식 도움말이 예로 드는 결과물은 대시보드, 랜딩 페이지, 피드백 설문 화면, 모바일 앱 첫 사용 화면, 사내 업무 도구 화면, 문서 내용을 한 장으로 줄인 소개서 등입니다. 아티팩트가 무엇인지는 클로드 아티팩트 사용법 글에서 먼저 볼 수 있습니다.
| 항목 | 내용 |
|---|---|
| 대화창 통합 | 2026년 9월 16일 모든 대화에서 사용 가능, 10월 8일 베타 종료(정식 기능) |
| 요금제 | Free, Pro, Max, Team, Enterprise 모두 기본 활성화(Enterprise는 2026년 10월 15일부터) |
| 만들 수 있는 것 | 랜딩 페이지·앱 화면 시안, 프로토타입, 한 장짜리 소개서, 대시보드 화면 등 |
| 내보내기 | .zip, PDF, PPTX, Google Slides, 독립형 HTML |
| 버전 기록 | 아직 없음 |
| 사용량 | 다른 대화·클로드 코드와 같은 사용량 한도를 함께 씀 |
잘 맞는 일과 아직 아쉬운 일
클로드 디자인은 아이디어를 눈에 보이는 시안으로 빨리 바꾸는 데 강합니다. 회의 전에 화면 방향을 두세 가지로 비교하거나, 고객에게 말로 설명하기 어려운 구성을 그림으로 보여 주거나, 문서로 정리한 내용을 한 장으로 압축할 때 특히 쓸모가 있습니다.
반대로 버전 기록이 아직 없어서 여러 사람이 오래 다듬는 최종 디자인 파일을 관리하기에는 불편합니다. 인쇄소에 넘길 정밀한 인쇄용 파일이나 브랜드 가이드를 엄격하게 지켜야 하는 결과물은 시안까지만 클로드 디자인으로 만들고, 마무리는 익숙한 도구에서 하는 편이 안전합니다.
클로드 디자인 시작하는 방법
- 대화에서 요청하기: “카페 신메뉴 홍보용 한 장짜리 소개서를 디자인으로 만들어 줘”처럼 요청하면 대화 옆에 디자인이 만들어집니다.
- 출력 메뉴: 메시지 상자의 출력 메뉴에서 디자인을 고르고 원하는 결과물을 설명합니다.
- 아티팩트 탭: 왼쪽 아티팩트 탭에서 디자인 템플릿을 골라 시작합니다.
- 모바일 앱: iOS·Android 앱에서도 대화로 디자인을 요청하고, 아티팩트 탭에서 전체 화면으로 보거나 편집할 수 있습니다.
아티팩트는 설정 → 기능의 “클라우드 코드 실행 및 파일 생성”이 켜져 있어야 동작하니, 디자인이 만들어지지 않으면 이 항목부터 확인하세요. Team·Enterprise 계정은 관리자가 조직 설정 → 기능의 같은 항목과 조직 설정 → 아티팩트의 디자인 항목을 관리합니다. Team은 기본으로 켜져 있고, Enterprise는 2026년 10월 15일부터 기본으로 켜졌습니다.
요청 문장 쓰는 요령
디자인을 요청할 때 다음 다섯 가지를 담으면 첫 결과물이 훨씬 나아집니다. 무엇을 만드는지, 누가 보는지, 꼭 들어갈 내용, 분위기(색감·느낌), 크기나 화면(휴대폰용인지 PC용인지)입니다.
“30대 직장인 대상 온라인 글쓰기 강의 랜딩 페이지 시안을 디자인으로 만들어 줘. 상단에 강의 제목과 신청 버튼, 가운데 커리큘럼 4주 표, 아래에 자주 묻는 질문. 차분한 남색 계열, 휴대폰 화면 기준.”
참고할 자료가 있으면 함께 첨부하세요. 기존 화면 스크린샷, 손으로 그린 화면 스케치, 따라 하고 싶은 스타일의 문서나 슬라이드를 올리면 결과가 원하는 방향에 더 가까워집니다.
요청 문장 쓰는 기본기는 클로드 프롬프트 작성법 글에서 더 자세히 정리했습니다.
클로드 디자인 고치는 3가지 방법
공식 도움말은 고칠 범위에 따라 방법을 나눠 쓰라고 안내합니다.
| 방법 | 이럴 때 | 어떻게 |
|---|---|---|
| 대화로 요청 | 색 구성 바꾸기, 배치 다시 짜기, 다른 안 여러 개 보기 | 대화창에 “전체를 밝은 톤으로 바꾸고 다른 안 2개 더 보여 줘”처럼 요청 |
| 캔버스 댓글(인라인 댓글) | 특정 버튼·문단 하나만 고치기 | 캔버스에서 해당 요소를 클릭해 댓글로 수정 요청 |
| 직접 편집 | 위치·크기·정렬 같은 작은 조정 | 요소를 드래그하거나 크기를 조절하고 정렬 |
세부 속성을 바꾸는 속성 패널은 Mac에서 Cmd + \, Windows에서 Ctrl + \로 열 수 있습니다. 도움말에 따르면 캔버스 댓글이 화면에 보이지 않거나 클로드에 전달되지 않는 경우가 있으니, 반영되지 않았다면 같은 내용을 대화창에 붙여 넣어 요청하세요.
버전 기록이 없을 때 대처법
클로드 디자인에는 아직 버전 기록 기능이 없습니다. 지금 안이 마음에 들지만 다른 방향도 시험해 보고 싶다면, 먼저 클로드에게 현재 프로젝트를 저장해 달라고 요청한 뒤 새 방향을 시도하세요. 클로드가 저장 위치를 알려 주니, 나중에 대화에서 그 버전을 가리켜 다시 이어 갈 수 있습니다. 중요한 시안은 PDF로 한 번 내보내 두는 것도 좋은 방법입니다.
따라 하기: 문서 내용을 한 장짜리 소개서로
처음이라면 이미 가진 글을 한 장짜리 소개서로 바꿔 보는 연습이 가장 쉽습니다. 내용은 내가 정하고 배치와 꾸미기만 클로드 디자인에 맡기는 방식이라 결과를 판단하기도 편합니다.
- 내용 준비: 소개하고 싶은 서비스나 강의의 핵심 내용을 대화창에 붙여 넣거나, 이미 만든 클로드 문서가 있는 대화에서 이어서 요청하거나 문서 파일을 첨부합니다.
- 첫 요청: “이 내용을 A4 세로 한 장짜리 소개서 디자인으로 만들어 줘. 제목, 세 가지 장점, 진행 순서, 문의 방법 순서로.”
- 방향 고르기: “색 구성이 다른 안 2개 더 보여 줘”라고 요청해 마음에 드는 방향을 고릅니다.
- 세부 수정: 문의 버튼이나 특정 문단처럼 한 부분만 바꿀 때는 캔버스에서 해당 요소를 클릭해 댓글로 요청합니다.
- 위치 다듬기: 여백이나 정렬처럼 작은 부분은 직접 드래그해서 맞춥니다.
- 저장과 내보내기: 다른 방향을 시험하기 전에 “지금 프로젝트를 저장해 줘”라고 요청하고, 완성본은 PDF로 내보냅니다.
이 순서로 한 번 해 보면 대화, 댓글, 직접 편집을 언제 써야 하는지 자연스럽게 감이 옵니다. 숫자나 연락처처럼 틀리면 안 되는 내용은 내보내기 전에 꼭 직접 다시 읽어 보세요.
바로 써먹는 클로드 디자인 요청 예시
| 상황 | 요청 문장 예시 |
|---|---|
| 동네 가게 홍보 | “동네 꽃집의 가을 시즌 안내 포스터를 디자인으로 만들어 줘. 따뜻한 갈색 계열, 휴대폰으로 보기 좋게.” |
| 설문 화면 | “수강생 만족도 피드백 설문 화면을 만들어 줘. 별점 문항 3개와 자유 의견 칸 1개.” |
| 앱 첫 화면 | “가계부 앱의 첫 사용 안내 화면 3장을 디자인으로 만들어 줘. 넘겨 보는 형태로.” |
| 업무 대시보드 | “팀 주간 업무 현황을 보여 주는 대시보드 화면 시안을 만들어 줘. 숫자는 예시 값으로.” |
| 행사 안내 | “사내 독서 모임 안내 한 장짜리 소개서를 만들어 줘. 일정, 장소, 신청 방법 포함.” |
| 기존 시안 개선 | “방금 만든 디자인에서 제목을 더 크게, 버튼은 화면 아래쪽에 고정해 줘.” |
예시 값으로 채우라고 미리 말해 두면 클로드가 실제처럼 보이는 숫자를 지어내는 일을 줄일 수 있습니다. 실제 값은 마지막에 직접 넣는 편이 안전합니다.
디자인 시스템: 우리 브랜드 색·글꼴 맞추기
디자인 시스템은 브랜드 색, 글꼴, 버튼 모양 같은 규칙을 모아 둔 것입니다. 클로드 디자인에 디자인 시스템을 연결해 두면 새 디자인을 만들 때마다 같은 규칙이 자동으로 적용됩니다. 회사 계정이라면 조직에 정해 둔 디자인 시스템이 새 프로젝트에 자동으로 적용됩니다.
- 가져오는 방법: GitHub 저장소, 디자인 파일, 직접 업로드로 가져오거나, 클로드 코드의 /design-sync 명령으로 내 컴퓨터의 코드 폴더에서 가져올 수 있습니다.
- 단독 사이트에서 옮기기: claude.ai/design에서 만든 디자인 시스템은 클로드로 옮길 수 있습니다. 단독 사이트가 2026년 12월 14일에 닫히므로 그 전에 옮겨 두세요.
- 회사 계정: Enterprise 관리자는 디자인 시스템을 게시하거나 조직 기본값으로 정하거나 삭제할 수 있는 사람을 제한할 수 있습니다.
클로드 디자인 내보내기와 공유
완성한 디자인은 프로젝트 화면 오른쪽 위의 내보내기 버튼으로 받습니다. 지원 형식은 .zip, PDF, PPTX(파워포인트), Google Slides, 독립형 HTML입니다.
파일로 받는 대신 다른 도구로 바로 보낼 수도 있습니다. 공식 도움말에는 Canva, Gamma, Miro, HubSpot, Wix, Netlify, Vercel, v0, Lovable, Replit, 일부 Adobe 제품 등 15개 안팎의 도구가 나와 있고, 실제 개발로 이어 가려면 클로드 코드로 넘길 수도 있습니다.
디자인은 처음에 나만 보는 비공개입니다. 공유를 눌러 사람을 추가하고 보기, 댓글, 편집 가운데 권한을 고릅니다. 공유받은 사람도 클로드 계정이 있어야 열어 볼 수 있고, 휴대폰 앱에서는 공유 설정을 바꿀 수 없어 웹이나 데스크톱 앱에서 해야 합니다.
용도별 내보내기 형식 고르기
| 용도 | 추천 형식 | 이유 |
|---|---|---|
| 메일 첨부, 인쇄 | 받는 사람 환경과 상관없이 같은 모양으로 보임 | |
| 발표 자료에 넣기 | PPTX, Google Slides | 슬라이드 프로그램에서 열어 발표 자료에 넣기 쉬움 |
| 웹에 바로 올려 보기 | 독립형 HTML | 브라우저에서 바로 열어 볼 수 있음 |
| 개발자에게 넘기기 | .zip 또는 클로드 코드로 넘기기 | 구성 파일을 통째로 전달 |
공유 전 확인할 것
- 숫자, 날짜, 연락처, 가격 문구를 직접 확인했는지
- 실제 회사 로고나 다른 브랜드를 흉내 낸 요소가 없는지
- 받는 사람에게 보기, 댓글, 편집 가운데 꼭 필요한 권한만 줬는지
- 중요한 시안은 PDF로 한 번 내보내 백업했는지
문서·슬라이드와 무엇이 다를까
| 종류 | 어울리는 결과물 | 내보내기 |
|---|---|---|
| 디자인 | 랜딩 페이지·앱 화면 시안, 포스터형 소개서 | .zip, PDF, PPTX, Google Slides, 독립형 HTML |
| 슬라이드 | 여러 장으로 넘겨 보는 발표 자료 | PowerPoint, PDF, Google Slides |
| 문서 | 기획안·보고서처럼 읽는 글 | Word, PDF, Markdown, Google Docs |
글이 중심이면 클로드 문서 작성법, 여러 장의 발표 자료라면 클로드 PPT 만들기를, 한눈에 보이는 화면이 중요하면 디자인을 고르면 됩니다. 문서로 내용을 정리한 뒤 “이 문서를 한 장짜리 소개서 디자인으로 만들어 줘”라고 이어서 요청하는 방식도 잘 맞습니다.
개발자라면: 클로드 코드에서 /design
클로드 코드를 쓰는 사람은 /design 명령으로 디자인 작업을 시작할 수 있고, 디자인 시스템은 /design-sync 명령으로 가져올 수 있습니다. 클로드 디자인에서 만든 시안을 클로드 코드로 넘기면 실제 화면 코드로 이어 가기 쉽습니다. 개발 경험이 없다면 이 부분은 건너뛰어도 디자인 기능을 쓰는 데 지장이 없습니다.
N잡러를 위한 클로드 디자인 활용 예시
- 스마트스토어 상세페이지 구성안: 상품 특징과 구매자 질문을 넣고 상세페이지 순서와 배치를 시안으로 받아 본 뒤, 실제 이미지는 직접 찍은 사진으로 바꿉니다.
- 강의·클래스 모집 페이지: 커리큘럼, 일정, 신청 방법을 담은 랜딩 페이지 시안을 만들고 HTML로 내려받거나 Wix 같은 도구로 보내 다듬습니다.
- 외주 제안용 화면 시안: 고객이 말한 요구 사항을 앱 화면 시안으로 빠르게 보여 주고, 댓글로 수정 의견을 받습니다.
- 한 장짜리 서비스 소개서: 블로그·유튜브 협업 제안 때 쓸 소개서를 디자인으로 만들고 PDF로 첨부합니다.
어떤 경우든 클로드 디자인이 만든 결과물은 시작점입니다. 실제 고객에게 보여 주기 전에 내 사진, 내 문구, 확인한 숫자로 바꿔야 나만의 결과물이 되고, 고객과의 신뢰도 지킬 수 있습니다. 자주 쓰는 요청 문장을 메모장에 모아 두면 다음 시안을 만들 때 시간을 아낄 수 있습니다.
블로그 부업과 함께 쓰는 방법은 클로드 블로그 글쓰기 부업 글을 참고하세요.
클로드 디자인 쓸 때 주의할 점
- 사용량 한도: 디자인 작업은 일반 대화, 클로드 코드와 같은 사용량 한도를 함께 씁니다. 디자인 전용 한도는 따로 없고, 수정을 여러 번 반복하면 한도가 빨리 줄어듭니다. 한도에 닿으면 초기화될 때까지 디자인 기능을 쓸 수 없고, 작업 중 오류가 나면 같은 프로젝트에서 새 채팅 탭을 열어 보세요. 한도가 찼을 때 대처법은 클로드 사용량 한도 대처법에 정리했습니다.
- 다른 브랜드 따라 하기 금지: 실제 회사의 로고, 상표, 화면을 그대로 흉내 낸 디자인은 상표·저작권 문제가 생길 수 있습니다. 내 브랜드나 가상의 이름으로 만드세요.
- 이미지·글꼴 사용 범위: 시안에 들어간 사진이나 글꼴을 실제 판매 페이지에 쓸 때는 사용 허락 범위를 따로 확인하세요.
- 사실 확인: 가격, 할인율, 효능 같은 문구는 클로드가 임의로 채울 수 있습니다. 공개 전에 직접 확인한 내용으로 바꾸세요.
- 단독 사이트 종료: claude.ai/design에 남은 프로젝트는 2026년 12월 14일까지 옮기거나 내보내 두세요.
클로드 디자인 자주 묻는 질문
Q1. 무료 플랜에서도 클로드 디자인을 쓸 수 있나요?
네. Free를 포함한 모든 요금제에서 기본으로 켜져 있습니다. 다만 사용량 한도가 요금제마다 달라, 수정을 많이 반복하면 무료 플랜에서는 금방 한도에 닿을 수 있습니다.
Q2. 피그마 같은 디자인 도구를 대신할 수 있나요?
빠르게 시안을 만들고 의견을 주고받는 데는 충분히 쓸 만하지만, 버전 기록이 아직 없고 직접 편집으로 세밀하게 다듬는 데도 한계가 있습니다. 시안 단계에서 쓰고, 최종 작업은 익숙한 도구로 넘기는 방식을 권합니다.
Q3. 만든 디자인을 파워포인트로 받을 수 있나요?
네. 내보내기에서 PPTX를 고르면 파워포인트 파일로 받을 수 있고, Google Slides로도 보낼 수 있습니다.
Q4. claude.ai/design에서 만든 프로젝트는 어떻게 되나요?
단독 사이트는 2026년 12월 14일에 닫힙니다. 그때까지는 기존 프로젝트를 계속 쓸 수 있고, 유료 플랜부터 순차적으로 프로젝트를 클로드로 옮기는 기능이 열리고 있습니다. 옮긴 프로젝트의 원본은 읽기 전용이 되니, 디자인 시스템은 미리 옮기고 필요한 프로젝트는 .zip으로 내려받아 두세요. 내려받기는 사용량에서 차감되지 않지만, 클로드와 나눈 대화와 댓글은 옮겨지지 않습니다.
Q5. 휴대폰에서도 디자인을 만들 수 있나요?
네. iOS·Android 앱에서 대화로 디자인을 요청하고 아티팩트 탭에서 전체 화면으로 보거나 편집할 수 있습니다. 새 텍스트·도형을 추가하는 작업에는 마우스나 트랙패드가 필요하고, 공유 설정 변경은 웹이나 데스크톱 앱에서 해야 합니다.
Q6. 되돌리기가 안 되면 어떻게 하나요?
위의 ‘버전 기록이 없을 때 대처법’처럼, 새 방향을 시도하기 전에 프로젝트 저장을 요청해 두세요.
Q7. 디자인을 만들 때 사진도 넣을 수 있나요?
스크린샷, 참고 이미지, 손으로 그린 화면 스케치, 기존 문서·슬라이드를 첨부해 참고 자료로 쓸 수 있습니다. 내 사진을 시안에 넣어 달라고 요청해 볼 수도 있지만 결과는 직접 확인하세요. 실제 판매나 홍보에 쓰는 사진은 사용 권한이 있는 것인지 먼저 확인하세요.
Q8. 팀원과 함께 고칠 수 있나요?
공유에서 편집 권한을 주면 함께 고칠 수 있지만, 여러 사람이 동시에 편집하는 기능은 아직 기본 수준이라 불안정할 수 있습니다. 댓글 권한을 주면 의견만 남기게 할 수도 있습니다.
함께 보면 좋은 글
출처
- Claude 도움말: Claude Design 시작하기
- Claude Help Center: Get started with Claude Design
- Claude Help Center: What are artifacts and how do I use them
- Claude Help Center: Publishing and sharing artifacts
- Claude Help Center: Release notes
- Claude: Docs·Slides·Design 베타 종료 안내(2026.10.8)
- Claude Help Center: Claude Design admin guide
- Claude Help Center: Move from standalone Claude Design
2026년 10월 24일 기준 Claude 도움말을 바탕으로 정리한 일반 정보입니다. 메뉴 이름과 기능, 연동 도구 목록은 업데이트에 따라 바뀔 수 있으니 실제 화면과 공식 도움말을 함께 확인하세요.











