클로드 디자인(Claude Design) 사용법 총정리 — 어디서 켜고, 뭘 만들고, PPT·HTML로 내보내기 (2026년 11월)

Claude 디자인(Claude Design)은 말로 설명하면 캔버스에 화면·시안·슬라이드를 만들어 주는 Anthropic의 시각 작업 도구입니다. 왼쪽 채팅 · 오른쪽 캔버스 구조로, 원하는 것을 설명하면 Claude가 동작하는 디자인을 만들고 대화·댓글·직접 조작으로 다듬어 갑니다. 2026년 9월 16일부터는 claude.ai/design뿐 아니라 어느 대화에서든 바로 만들 수 있게 됐고, Claude Slides·Claude Docs도 함께 대화 안으로 들어왔습니다. 이 글은 어디서 켜는지, 무엇을 만들 수 있는지, 디자인 시스템과 내보내기(PPT·PDF·HTML·Claude Code 핸드오프), 플랜 조건과 알려진 제약을 2026년 11월 1일 공식 도움말 기준으로 정리합니다. 독립 화면 claude.ai/design은 2026년 12월 14일 종료되니, 그곳에서 만든 디자인 시스템이 있다면 그 전에 옮겨 두세요(아래 "접근 경로"). (공식: Get started with Claude Design)

Claude 디자인이란

Claude 디자인은 Anthropic Labs에서 2026년 4월 리서치 프리뷰로 시작한 대화형 시각 창작 도구로, 2026년 10월 8일 공식 발표로 Claude Docs·Slides와 함께 베타를 마치고 Free를 포함한 모든 플랜에 정식 제공됩니다. 빈 캔버스에서 수동으로 레이아웃을 짜는 대신, 평소 말투로 원하는 바를 설명하면 Claude가 결과물을 만들고 사용자는 대화로 그것을 다듬습니다. 처음에는 자체 URL(claude.ai/design)을 가진 별도 화면이었지만, 9월 16일부터는 일반 대화의 아티팩트(결과물) 한 종류로도 만들어집니다. 즉 "디자인 도구를 여는" 방식과 "대화하다가 디자인을 요청하는" 방식 둘 다 가능합니다.

어디서 켜나 — 접근 경로

공식 도움말이 안내하는 진입점은 다음과 같습니다.

• 대화창에서 바로 — "랜딩페이지 시안 만들어줘"처럼 요청하면 대화 옆 패널에 디자인 아티팩트가 열립니다. 입력창의 Output(출력) 메뉴에서 Design·Slides·Docs 템플릿을 고를 수도 있습니다.
• 사이드바 Artifacts(아티팩트) 탭 — 만든 디자인·덱·문서가 모두 여기에 저장되고, 여기서 새로 시작할 수도 있습니다.
• claude.ai/design — 종전의 독립 화면. 2026년 12월 14일에 종료됩니다(공식). 그때까지는 계속 쓸 수 있고 기존 프로젝트도 남아 있으며, 프로젝트를 Claude로 옮기는 기능은 유료 플랜부터 순차 제공 중입니다. 여기서 만든 디자인 시스템은 종료 전에 Claude로 옮겨야 대화·Claude Code에서 계속 쓸 수 있습니다. 종료 뒤 기존 디자인이 어떻게 되는지는 공식 안내가 없습니다(확실하지 않음).
• Claude Code — 디자인을 요청하거나 /design 명령을 씁니다.
• 데스크톱·iOS·Android — 같은 아티팩트를 열고 이어서 작업합니다. 모바일 앱에서도 디자인을 요청·수정할 수 있지만 공유 설정 변경은 웹·데스크톱에서만 됩니다.

전제 조건: 아티팩트는 Settings > Capabilities에서 "Cloud code execution and file creation"(새 설정 화면에서는 "Create and edit files")이 켜져 있어야 합니다(공식 도움말). Team·Enterprise는 관리자가 Organization settings > Capabilities에서 관리합니다.

무엇을 만들 수 있나

Anthropic은 다음과 같은 시각물을 만들 수 있다고 소개합니다.

• 웹사이트·앱 화면 프로토타입과 인터랙티브 화면
• 슬라이드·피치덱, 한 장짜리 원페이저
• 제품 목업, 마케팅 페이지·자료

대상은 둘입니다. 디자이너에게는 더 많은 방향을 빠르게 탐색하는 수단을, 디자인 경험이 없는 사람(창업자·PM·마케터 등)에게는 아이디어를 곧바로 시각물로 바꾸는 방법을 줍니다.

어떻게 작동하나

흐름은 단순합니다. 채팅에 원하는 것을 설명하면 캔버스에 초안이 나타나고, 그다음부터는 반복 수정이 핵심입니다. 수정 방법은 세 가지입니다 — 채팅으로 구조를 바꾸는 지시, 특정 요소에 직접 다는 인라인 댓글, 그리고 캔버스에서 끌기·크기 조절·정렬로 직접 손보는 조작. Anthropic도 "첫 결과는 출발점이며, 진짜 가치는 반복에서 나온다"고 안내합니다.

내보내기와 핸드오프

완성한 디자인은 ZIP, PDF, PPTX, Google Slides, 단독 HTML로 내보낼 수 있습니다. "보내기" 대상으로는 Adobe(Experience Manager·Journey Optimizer 등)·Base44·Canva·Gamma·HubSpot·Hyperframes·Lovable·Miro·Netlify·Replit·v0·Vercel·Wix가 공식 도움말에 나옵니다. 개발로 이어갈 때는 Claude Code로 핸드오프 묶음을 한 번에 보냅니다. 아티팩트는 기본 비공개이고 링크로 공유할 수 있으며, 공유에는 추가 비용이 없습니다.

디자인 시스템 — 우리 브랜드 색·글꼴로 만들기

디자인 시스템(색·타이포그래피·간격·컴포넌트 규칙)을 넣어 두면 이후 만드는 모든 디자인이 그 규칙을 따릅니다. 공식 도움말 기준 방법은 네 가지입니다.

• 조직 디자인 시스템 자동 적용 — Team·Enterprise에서 조직에 등록된 디자인 시스템이 자동으로 포함됩니다.
• 가져오기 — GitHub 저장소, 디자인 파일, 파일 업로드로 만듭니다.
• 로컬 코드베이스 — Claude Code에서 /design-sync로 프로젝트의 실제 스타일을 동기화합니다.
• 이전 — claude.ai/design에서 만든 디자인 시스템은 Claude로 옮길 수 있고, 옮기면 대화·Claude Code에서 그대로 씁니다. 12월 14일 종료 전에 옮기라고 공식 도움말이 안내합니다.

큰 저장소를 통째로 연결하면 느려질 수 있으니 필요한 하위 디렉터리만 연결하는 것이 공식 권장입니다.

어떻게 쓰나 · 이용 조건

공식 도움말(11월 1일 확인) 기준으로 Claude 디자인은 Free·Pro·Max·Team·Enterprise 플랜에서 제공되고 기본으로 켜져 있습니다. 아티팩트 도움말도 Design·Slides·Docs 템플릿을 "모든 플랜, 기본 켜짐"으로 적고 있습니다(9월 27일 작성 시점에는 문서끼리 Free 표기가 달랐으나 지금은 일치). Enterprise는 2026년 10월 15일부터 기본 켜짐으로 바뀌었고, 그 전에는 소유자가 Organization settings > Artifacts에서 켤 수 있었습니다. 디자인 도움말의 플랜 목록에 Ultra는 따로 적혀 있지 않지만, 아티팩트 도움말은 Ultra를 포함한 전 플랜으로 안내합니다.

별도 요금은 없고, 사용량은 Claude Code를 포함한 "Claude의 다른 사용과 같은 한도"에 산입됩니다(공식 표현). 한도에 닿으면 초기화까지 쓸 수 없지만, 사용량 크레딧을 켜 두었다면 계속 작업할 수 있습니다. 큰 코드베이스를 연결한 복잡한 프로젝트는 토큰을 더 씁니다. 사용 모델은 별도로 공개되지 않으며 시점에 따라 달라질 수 있습니다.

참고: 요금제 전반은 Claude 요금제 정리를 보세요. 채팅 안에서 결과물을 만드는 아티팩트와 비교해 보면 차이가 분명해집니다.

10월 이후 달라진 점

9월 대화창 통합 이후에도 공식 발표·도움말에 새로 나온 내용입니다(2026년 11월 2일 확인).

• 정식 출시 — 10월 8일 발표 "Build live dashboards and animate explainers with Claude"에서 Design·Docs·Slides가 베타를 마쳤습니다.
• 바깥 공유 — 관리자가 허용하면 디자인·슬라이드를 조직 밖 사람이나 링크를 가진 누구에게나 공유할 수 있습니다.
• 새 템플릿 2종 — 같은 Output 메뉴에 Dashboards(베타, 유료 플랜 — BigQuery·Databricks·Snowflake·Salesforce 같은 데이터에 연결해 실시간 대시보드)와 Motion(베타, Team·Enterprise — 짧은 애니메이션 설명 영상을 만들어 MP4로 내려받기)이 생겼습니다.
• 키보드만으로 편집 — 편집 화면의 영역 이동, 선택 도구 막대(F6), 속성 패널·레이어 목록을 키보드로 다루는 방법이 공식 도움말에 추가됐습니다.
• Enterprise 기본값 — 10월 15일부터 기본으로 켜지되, HIPAA가 활성화된 조직은 제외됩니다(claude.com 제품 페이지 FAQ).

써 본 사람들이 말하는 것 — 실사용 팁과 한계

공식 문서 밖의 사용기를 모아 여러 곳에서 겹치는 이야기만 추렸습니다. 개인 경험담이라 환경에 따라 다를 수 있고, 출시 초기(4월) 후기는 Design 전용 주간 한도가 따로 있던 시절이라 지금과 조건이 다릅니다.

• 첫 요청이 결과를 좌우합니다 — 목적·화면 비율·분위기를 처음부터 구체적으로 적을수록 고치는 횟수가 줄었다는 후기가 많습니다. Claude가 만들기 전에 확인 질문을 먼저 하기도 합니다(PCWorld 사용기).
• 디자인 시스템을 먼저 만들면 일관성이 좋아집니다 — 디자인 시스템을 만든 뒤부터 결과물 톤이 맞춰졌다는 사용기가 있습니다(브런치 사용기). 다만 디자인 시스템을 넣어도 Claude가 자기 기본 스타일로 돌아가는 경우가 있다는 지적도 있습니다(flowstep 리뷰).
• 첫 결과의 자잘한 결함은 흔합니다 — 요소가 칸을 넘치거나 글꼴·간격이 어긋나는 문제가 자주 나온다는 평가입니다. 마무리 전에 접근성·간격·정보 위계 검토를 따로 요청하는 것이 좋습니다(UX Planet).
• 직접 편집은 아직 투박합니다 — 전문 디자인 도구에 비해 손으로 고치는 기능이 부족하고 Figma 내보내기가 없다는 평가가 공통입니다(flowstep 리뷰).
• 로고·일러스트는 직접 올리기 — 슬라이드·카드뉴스처럼 구조가 있는 시각물에 강하고, 복잡한 로고나 일러스트는 만들게 하기보다 파일을 올리는 편이 낫다는 조언이 있습니다(브런치 사용기).
• 사용량 — 출시 초기에는 Pro 주간 한도를 30분 남짓 만에 다 썼다는 후기(PCWorld, 4월)까지 있었습니다. 지금은 공식적으로 Design 전용 한도 없이 Claude 전체 한도를 함께 씁니다. 첫 시안에 공을 들이고 이후 수정은 작게 나눠 요청하라는 조언이 공통입니다.
• 10월 사용기 — 저장해 둔 디자인 시스템으로 슬라이드를 만들고, 기존 웹페이지에서 디자인 시스템을 뽑아내는 흐름이 소개됐습니다. 독립 화면은 앱의 Design 옆 점 3개 메뉴의 "Open standalone Claude Design"으로 들어간다고 적혀 있습니다 — 사용기 기준이며 공식 도움말에는 없는 내용입니다(AI Maker, 10월 25일).

알아둘 점

Anthropic이 공식 도움말에서 안내하는 알려진 제약입니다(11월 1일 확인).

• 인라인 댓글 — 화면에 댓글이 가끔 안 보일 수 있습니다. 댓글 보기(comments view)를 열면 확인할 수 있습니다.
• 여러 사람이 동시에 편집 — 아직 기본 수준이라 안정적이지 않을 수 있습니다. 한 사람이 편집을 마친 뒤 넘기는 방식이 안전합니다.
• 버전 기록 없음 — 이전 상태로 되돌리는 기능이 아직 없습니다. 큰 변경 전에는 내보내기로 사본을 남기거나 Claude에게 현재 상태를 저장해 달라고 하세요.
• 큰 코드베이스 — 매우 큰 저장소는 지연·브라우저 문제를 일으킬 수 있어 Claude Code에서 연결하는 것이 권장됩니다.
• "chat upstream error" — 같은 프로젝트 안에서 새 채팅 탭을 열어 다시 시도하세요.
• 키보드만으로 요소 추가 불가 — 새 텍스트·아트보드·도형·메모를 캔버스에 놓으려면 마우스·트랙패드가 필요합니다. Claude에게 추가해 달라고 해도 됩니다.
• 모바일 공유 설정 — iOS·Android 앱에서는 공유 설정을 바꿀 수 없습니다.

자주 묻는 질문

Claude 디자인은 무료인가요? 가격은?

별도 요금은 없습니다. Free를 포함한 모든 개인 플랜에서 쓸 수 있습니다(공식 도움말, 11월 1일 확인). 사용량은 다른 Claude 사용과 같은 플랜 한도에 포함됩니다. 요금제 비교는 Claude 요금제 정리를 참고하세요.

Claude Slides와 Claude 디자인은 뭐가 다른가요?

둘 다 9월 16일부터 대화 안에서 만드는 아티팩트 유형입니다. Slides는 발표용 덱에 특화돼 PowerPoint·PDF로 내보내고, 디자인은 화면·시안·프로토타입·랜딩페이지처럼 보고 판단하는 시각물에 맞습니다(PPTX 내보내기도 가능). 발표 자료가 목적이면 Slides, 화면·브랜드 시안이 목적이면 디자인이 맞습니다.

피그마(Figma)와 연동되나요?

공식 도움말의 내보내기·보내기 목록에 Figma는 없습니다(2026년 11월 1일 기준). 디자인 파일·GitHub 저장소를 디자인 시스템으로 가져오는 방향은 지원됩니다. Figma 파일을 코드로 바꾸는 작업은 Figma MCP 가이드가 맞습니다.

"디자인 스킬"은 무엇인가요?

스킬(Skills)은 Claude에게 특정 작업 절차를 가르치는 파일 묶음입니다. 디자인 관련 스킬(캔버스 디자인·브랜드 가이드라인·알고리즘 아트 등)을 켜 두면 디자인 아티팩트를 만들 때 그 규칙을 따릅니다. 스킬 목록과 켜는 법은 스킬 탐색 탭 총정리를 참고하세요.

사용량(토큰)을 따로 쓰나요?

디자인 작업도 클로드와의 대화처럼 플랜 사용량을 사용합니다(사실, 일반). 정확한 차감 방식이 별도로 공개되지는 않았으니(불확실), 한도가 걱정되면 본인 플랜의 사용량 안내를 함께 확인하세요.

PPT(파워포인트)도 만들 수 있나요?

디자인으로 슬라이드를 만들어 PPTX로 내보낼 수 있습니다(사실). 파워포인트 앱 안에서 직접 작업하려면 Claude in PowerPoint나 Excel·PowerPoint 가이드가 더 맞습니다.

웹사이트·랜딩페이지 디자인도 되나요?

프로토타입·목업·HTML 내보내기를 지원해 웹 화면 시안에 활용할 수 있습니다(사실). 다만 바로 배포 가능한 완성 사이트라기보다 시안·핸드오프 용도에 가깝습니다.

따로 설치해야 하나요?

별도 설치 없이 Claude 앱 안에서 사용합니다(사실).

관련 글

• 아티팩트 사용법 — 채팅 안에서 결과물 만들기
• Claude 코워크 — 내 파일을 직접 다루는 데스크톱 작업 모드
• 프롬프트 작성법 — 원하는 결과를 잘 끌어내는 법

고지: 이 글은 Anthropic 공식 Claude 디자인 도움말(support.claude.com/14604416)·아티팩트 도움말(17153992)·2026년 9월 16일 릴리스 노트를 기준으로 2026년 11월 1일 갱신했습니다. Claude 디자인의 사용 모델·기능·제약·이용 조건이 공식 발표에 따라 수시로 달라질 수 있습니다(변동 가능). 사용 전 공식 도움말에서 최신 정보를 확인하세요. 본 사이트는 Anthropic 공식 사이트가 아닙니다.