클로드 디자인 사용법 – 무료 요금제 조건, 만드는 방법, 내보내기 총정리

앤트로픽(Anthropic)이 2026년 10월 8일 클로드 디자인(Claude Design)의 베타 표시를 떼고, 무료 요금제를 포함한 모든 요금제에서 정식 기능으로 제공한다고 발표했습니다.

클로드 디자인은 원하는 화면을 말로 설명하면 클로드가 랜딩 페이지, 프로토타입, 원페이저 같은 시각 자료를 캔버스에 직접 만들어 주는 기능입니다. 지난 4월 유료 구독자용 별도 사이트로 처음 나왔는데, 이제는 무료 계정으로도 클로드와 대화하면서 바로 쓸 수 있습니다.

이번 포스팅에서는 클로드 디자인이 무엇인지, 무료와 유료 요금제의 차이, 시작하는 방법 4가지와 다듬는 방법, 내보내기와 공유, 그리고 단독 사이트가 문을 닫는 12월 14일 전에 챙길 점까지 정리하겠습니다.

클로드 디자인(Claude Design)이란?

클로드 디자인은 클로드와 대화하면서 디자인, 대화형 프로토타입, 원페이저 같은 시각 결과물을 만드는 기능입니다. 원하는 것을 설명하면 클로드가 대화창 옆 캔버스에 실제로 작동하는 디자인을 만들고, 사용자는 대화나 직접 편집으로 다듬어 완성합니다.

클로드 디자인 예시 – 요청 한 번으로 만든 3단계 모바일 화면 흐름
클로드 디자인 예시 – 요청 한 번으로 만든 3단계 모바일 화면 흐름

위 화면은 앤트로픽 제품 페이지에 실린 예시입니다. "이 대략적인 아이디어를 클릭 가능한 플로우로 만들어 줘. 팀이 의견을 낼 수 있도록 공유하고, 합의가 되면 Linear에 티켓을 만들어 줘."라고 요청하자, 클로드가 요청 목록, 담당자 지정, 티켓 확인으로 이어지는 3단계 모바일 화면을 만든 모습입니다. 리니어(Linear) 같은 업무 앱을 커넥터로 연결해 함께 쓸 수도 있습니다.

앤트로픽이 4월 출시 때 소개한 활용 예시는 아래와 같습니다.

  • 정적인 시안을 클릭해 볼 수 있는 대화형 프로토타입으로 바꾸기
  • 제품 와이어프레임과 기능 흐름 설계
  • 피치 덱과 발표 자료
  • 랜딩 페이지, 소셜 미디어 이미지 같은 마케팅 자료

※ 프로토타입은 실제 개발 전에 화면 구성과 동작을 미리 확인하려고 만드는 시제품입니다. 와이어프레임은 색과 장식 없이 화면 배치만 잡은 설계도를 말합니다.

이 기능은 4월 17일 앤트로픽 랩스(Anthropic Labs) 제품으로 claude.ai/design 주소에서 따로 운영되다가, 9월 16일부터 모든 클로드 대화 안에서도 쓸 수 있게 되었습니다. 앤트로픽에 따르면 클로드에서 만들어진 문서, 발표 자료, 디자인은 4,500만 개가 넘습니다.

클로드 디자인 무료 요금제와 이용 조건


클로드 디자인은 Free, Pro, Max, Team, Enterprise 모든 요금제에서 기본으로 켜져 있습니다. Enterprise 요금제만 10월 15일부터 기본으로 켜지며, 조직 소유자가 그 전에 직접 켤 수도 있습니다.

요금제별 클로드 디자인 제공 여부 – 무료 요금제 포함
요금제별 클로드 디자인 제공 여부 – 무료 요금제 포함

같은 날 정식 출시된 클로드 슬라이드(Slides), 문서(Docs)도 무료로 쓸 수 있습니다. 반면 함께 공개된 대시보드(Dashboards)는 Pro 이상, 모션(Motion)은 Team과 Enterprise에서만 베타로 제공됩니다. 자세한 내용은 클로드 대시보드 사용법에서 정리했습니다.

다만 무료 요금제에서는 쓸 수 없는 기능이 있습니다. 공식 도움말 기준으로 요금제별 차이를 정리하면 아래와 같습니다.

구분FreePro·MaxTeam·Enterprise
월 요금무료Pro 월 22달러(연간 결제 시 월 18달러), Max 월 110달러부터Team 표준 좌석 월 27.5달러(연간 결제 시 22달러), Enterprise 좌석당 20달러 + 사용량
디자인 시스템(베타)제공 안 함기본 켜짐Team 기본 켜짐, Enterprise는 소유자가 켜야 함
링크로 공유제공 안 함(도움말 표에 표시 없음)본인만 또는 링크가 있는 누구나조직 내 공유, 외부 공유는 소유자 허용 시
이메일로 초대(베타)제공 안 함가능가능
한도를 넘었을 때초기화될 때까지 대기사용량 크레딧을 켜면 계속 사용Team·좌석 기반 Enterprise는 사용량 크레딧을 켜면 계속 사용(사용량 기반 Enterprise는 쓴 만큼 청구)

※2026. 10. 14(수) 기준, 한국에서 접속하면 표시되는 부가세 10% 포함 가격(Enterprise 제외)

사용량은 따로 계산되지 않습니다. 디자인 작업은 클로드 채팅, 클로드 코드와 같은 사용량 한도에서 함께 차감되며, 별도의 디자인 할당량은 없습니다. 예전에는 디자인 전용 주간 할당량이 따로 있었지만 지금은 요금제의 공통 한도로 합쳐졌습니다.

규모가 큰 코드베이스를 연결하거나 수정을 여러 번 반복하는 작업은 사용량을 더 많이 씁니다. 무료 요금제에서 클로드 디자인을 몇 번까지 쓸 수 있는지는 공식적으로 공개되지 않았습니다.

별도의 국가 제한은 공지되지 않았고, 한국어 도움말도 제공됩니다. 유료 요금제 가격과 모델 차이는 클로드 오퍼스 5.5 정리 글에서 확인할 수 있습니다.

클로드 디자인 사용법 – 시작하는 방법 4가지


먼저 설정 > 기능에서 클라우드 코드 실행 및 파일 생성이 켜져 있는지 확인합니다. 클로드 디자인은 아티팩트(Artifacts) 기능 위에서 작동해서, 이 설정이 꺼져 있으면 쓸 수 없습니다. Team과 Enterprise는 관리자가 조직 설정 > 기능에서 켭니다.

1. 대화에서 바로 요청하기

아무 대화에서나 "이 제안서로 원페이저를 만들어 줘", "방금 이야기한 온보딩 흐름을 시안으로 만들어 줘"처럼 요청하면 됩니다. 메시지 입력창에서 출력(Output) > 디자인(Design)을 골라 시작할 수도 있습니다. 대화에서 만들면 앞서 나눈 이야기와 첨부 파일, 연결한 앱을 그대로 참고합니다.

2. 아티팩트 탭에서 템플릿으로 시작하기

왼쪽 사이드바의 아티팩트 탭으로 가서 디자인 템플릿을 고릅니다. 만든 디자인은 모두 아티팩트 탭에 저장되어 어느 대화에서든 다시 열 수 있습니다.

3. 클로드 코드에서 /design 쓰기

개발자라면 클로드 코드(Claude Code)의 데스크톱 앱이나 터미널에서 /design으로 디자인을 만들고 고칠 수 있습니다. /design-sync로 코드에 있는 디자인 시스템을 가져오면, 이후 디자인이 실제 쓰는 컴포넌트로 만들어집니다. 클로드 코드는 Pro 이상 요금제에서 쓸 수 있습니다.

4. 클로드 모바일 앱에서 요청하기

iOS와 안드로이드용 클로드 앱에서도 디자인을 요청하고, 결과를 아티팩트 탭에서 전체 화면으로 보거나 고칠 수 있습니다. 다만 공유 설정은 앱에서 바꿀 수 없어 웹이나 데스크톱을 써야 합니다.

공식 도움말이 안내하는 작업 흐름은 아래와 같습니다.

  1. 대화나 아티팩트 탭에서 디자인을 시작합니다.
  2. 디자인 시스템이 있으면 첨부하거나 가져옵니다.
  3. 스크린샷, 참고 파일, 코드 저장소 같은 자료를 추가합니다.
  4. 만들고 싶은 것을 설명합니다.
  5. 캔버스에 만들어진 결과를 확인합니다.
  6. 대화, 직접 편집, 인라인 댓글로 다듬습니다.
  7. 마음에 들면 내보내거나 공유합니다.

✅ 좋은 요청에는 목표(무엇을 만들지), 레이아웃(어떻게 배치할지), 콘텐츠(어떤 정보를 넣을지), 대상(누가 쓸지)이 들어갑니다. 정보가 부족하면 클로드가 먼저 질문하기도 합니다.

도움말에 나온 요청 예시는 아래와 같습니다.

  • 지역과 제품 라인별 필터가 있는 월별 매출 대시보드를 만들어 줘.
  • 핵심 기능을 안내하는 4개 화면짜리 모바일 앱 온보딩 흐름을 디자인해 줘.
  • 히어로 섹션, 코드 예제, 가격 안내가 있는 새 API 제품 랜딩 페이지를 만들어 줘.
  • 카테고리에 따라 질문이 달라지는 고객 피드백 설문 양식을 만들어 줘.

쇼핑몰 상세 페이지처럼 상품 이미지가 중요한 작업이라면 AI로 제품 상세 페이지 이미지 만드는 방법과 함께 쓰면 좋습니다.

클로드 디자인 다듬기 – 대화, 댓글, 직접 편집

첫 결과는 시작점일 뿐입니다. 세 가지 방법으로 결과를 고칠 수 있고, 상황에 따라 나눠 쓰는 것이 좋습니다.

  • 대화: 전체에 영향을 주는 큰 변경에 씁니다. 예: "색 구성을 더 어둡고 단순하게 바꿔 줘", "이 페이지의 다른 레이아웃을 2~3개 보여 줘"
  • 인라인 댓글: 캔버스의 특정 부분을 눌러 그 부분만 고칩니다. 예: "이 버튼 여백을 더 넓게", "여기를 라디오 버튼 대신 드롭다운으로"
  • 직접 편집: 요소를 끌어 옮기고, 크기를 바꾸고, 정렬합니다. 클로드가 만들어 주는 조정 슬라이더로 간격과 색상도 바꿀 수 있습니다.

새로운 방향을 시도하고 싶다면 "지금까지 작업을 저장하고 완전히 다른 방식으로 해 봐"라고 요청하세요. 클로드가 현재 프로젝트를 저장하고 저장 위치를 알려 줘서, 대화에서 이전 버전을 쉽게 다시 참고할 수 있습니다. 아직 버전 기록 기능이 없어서 이 방법이 유용합니다.

✅ 피드백은 구체적일수록 좋습니다. "이상해 보여"보다 "입력 칸 사이 간격을 8px로 줄여 줘"처럼 말해야 원하는 결과가 나옵니다. 모바일, 태블릿, 데스크톱 중 어디서 볼 화면인지도 처음부터 알려 주세요. 접근성이나 글자와 배경의 명도 대비를 검토해 달라고 할 수도 있습니다.

클로드 디자인 내보내기와 공유

완성한 디자인은 프로젝트 오른쪽 위의 내보내기 버튼으로 내보냅니다. 지원하는 형식은 아래와 같습니다.

  • 파일로 내려받기: .zip, PDF, PPTX(파워포인트), 단독 HTML
  • 구글 슬라이드: Google Slides로 바로 내보낼 수 있습니다.
  • 다른 도구로 보내기: Canva, Gamma, Miro, Lovable, Replit, v0, Vercel, Wix, HubSpot, Adobe 등
  • 클로드 코드로 넘기기: 내 컴퓨터의 코딩 에이전트나 클로드 코드 웹으로 보내 실제 코드로 이어서 만듭니다.

앤트로픽은 10월 8일 발표에서 파워포인트와 PDF로 내려받으면 편집기에서 만든 모양 그대로 나온다고 소개했습니다. 반대로 가져올 때는 DOCX, PPTX, XLSX 파일이나 코드베이스를 넣을 수 있습니다. 구글 문서와 시트 안에서 클로드를 쓰고 싶다면 클로드 구글 시트 애드온도 참고하세요.

디자인은 처음에 나만 볼 수 있습니다. 다른 사람에게 보여 주려면 공유를 누르고 누가 열 수 있는지, 볼 수 있음·댓글 작성자·편집 가능 중 어떤 권한을 줄지 고릅니다. 공식 도움말 기준으로 무료 요금제는 링크 공유를 지원하지 않으니, PDF나 PPTX로 내보내 전달하는 방법을 쓰면 됩니다.

디자인 시스템과 단독 사이트 종료 일정


디자인 시스템은 회사나 브랜드의 색상, 글꼴, 버튼 같은 컴포넌트, 레이아웃 규칙을 모아 둔 것입니다. 한 번 설정해 두면 클로드 디자인으로 만드는 새 디자인과 발표 자료에 자동으로 적용됩니다. Pro, Max, Team, Enterprise에서 베타로 제공되며, 무료 요금제는 해당되지 않습니다.

  • 대화에서 만들기: 로고, 글꼴, 피그마 파일, 기존 발표 자료 등을 올리고 디자인 시스템을 만들어 달라고 요청합니다.
  • 클로드 코드에서 가져오기: 리액트(React) 컴포넌트로 된 디자인 시스템이 있으면 /design-sync로 가져옵니다.
  • 관리: 설정 > 디자인 시스템에서 확인하고 관리합니다.

기존 단독 사이트(claude.ai/design)는 2026년 12월 14일에 문을 닫습니다. 그곳에서 만든 디자인 시스템은 클로드의 아티팩트 페이지 배너에서 팀 디자인 시스템 마이그레이션을 누르면 한 번에 옮겨집니다. 개인 요금제는 확인 단계 없이 바로 시작되며, 비어 있는 디자인 시스템이나 기본 스타터 테마로 만든 디자인 시스템은 옮겨지지 않습니다.

주의할 점은 단독 사이트에서 클로드와 나눈 대화와 프로젝트 댓글은 옮겨지지 않는다는 것입니다. 종료 후에는 삭제되고 공개 링크도 작동하지 않으니, 필요한 내용은 미리 저장해 두세요. 프로젝트는 종료 전까지 단독 사이트에서 계속 작동하며, 클로드로 옮기는 방법은 곧 안내될 예정입니다.

클로드 디자인 주의 사항

  • 사용량이 빨리 줄 수 있습니다: 큰 코드베이스를 연결하거나 수정을 여러 번 반복하는 복잡한 작업은 사용량을 더 많이 씁니다. 공식 도움말은 간단하게 시작한 뒤 조금씩 요청을 더하는 방식을 권합니다.
  • 버전 기록이 없습니다: 방향을 크게 바꾸기 전에는 클로드에게 현재 작업을 저장해 달라고 요청하세요.
  • 여러 명이 동시에 편집하면 불안정할 수 있습니다: 공식 도움말은 동시 편집이 아직 기본 수준이라 안정적으로 작동하지 않을 수 있다고 안내합니다.
  • 댓글이 안 보일 수 있습니다: 인라인 댓글은 댓글 보기에서 확인할 수 있고, 클로드가 댓글을 반영하지 않으면 같은 내용을 채팅창에 붙여 넣으면 됩니다.
  • 결과물은 꼭 확인하세요: 디자인 시스템이나 참고 자료가 부실하면 결과물에도 그대로 드러납니다.

가볍게 배너나 이미지를 만들고 싶다면 마이크로소프트 디자이너 같은 AI 이미지 도구가 더 간단할 수 있습니다. 이 기능은 그림 한 장보다 화면 구성과 동작이 있는 페이지, 프로토타입, 발표 자료에 강점이 있습니다.

지금까지 무료 요금제까지 열린 클로드 디자인의 이용 조건과 시작하는 방법, 다듬기와 내보내기, 단독 사이트 종료 일정에 대해 함께 살펴보았습니다.

클로드 디자인은 디자이너가 아니어도 말로 설명만 하면 쓸 만한 시안과 프로토타입을 만들 수 있다는 점이 가장 큰 장점입니다. 파워포인트, 구글 슬라이드, 캔바 같은 익숙한 도구로 바로 넘길 수 있어 업무에 쓰기도 좋습니다.

다만 무료 요금제는 디자인 시스템과 링크 공유가 빠져 있고 사용량 한도도 유료 요금제보다 낮아, 자주 쓴다면 Pro 이상이 필요할 수 있습니다. 가벼운 작업에 쓸 빠른 모델이 궁금하다면 클로드 하이쿠 5.5도 함께 살펴보세요. 클로드의 다른 업무 기능과 AI 디자인 도구가 궁금한 독자분께서는 아래 포스팅을 참조 부탁드립니다.

댓글 남기기