AI·개발/AI공부

클로드 디자인(Claude Design) 사용법 총정리, PPT·PDF 내보내기까지

아진디자인랩 2026. 10. 28. 15:28
반응형

클로드 디자인(Claude Design) 사용법 총정리

AI · DEV NOTE / CLAUDE DESIGN

클로드 디자인(Claude Design) 사용법 총정리

접속부터 프롬프트, 수정, PPTX·PDF 내보내기까지 한 번에 정리했습니다.

LAST CHECK 2026.10.27 · 9 SECTIONS · 기능과 메뉴는 업데이트로 달라질 수 있습니다

 

SUMMARY

클로드 디자인은 대화로 원하는 내용을 설명하면 화면, 슬라이드, 한 장짜리 문서를 만들어 주는 도구입니다. 결과물은 PPTX나 PDF 등으로 내보내 발표와 문서 작업에 활용할 수 있습니다.

 

발표 자료나 블로그 이미지를 만들다 보면 내용을 정리하는 시간보다 화면과 레이아웃을 잡는 시간이 더 오래 걸리는 날이 있습니다. 저도 시안을 잡는 단계에서 매번 시간이 많이 들었습니다. 그래서 새로 나온 클로드 디자인을 사용해 보았고, 어디까지 쓸 만한지 정리했습니다.

 

CONTENTS

01. 클로드 디자인이란?
02. 사용 조건과 요금제
03. 시작하기: 템플릿 선택부터 첫 결과물까지
04. 프롬프트 잘 쓰는 법
05. 수정하는 4가지 방법
06. 디자인 시스템으로 스타일 통일하기
07. 내보내기와 활용법 (PPTX · PDF)
08. 써 보며 느낀 한계와 주의사항
09. 자주 묻는 질문

01

클로드 디자인이란?

클로드 디자인은 Anthropic의 실험 제품 조직인 Anthropic Labs가 2026년 4월 17일에 공개한 시각 작업 공간입니다. 화면은 왼쪽 채팅 영역과 오른쪽 캔버스 두 부분으로 나뉩니다. 왼쪽에 원하는 내용을 쓰면 오른쪽에 결과가 바로 그려지고, 그 위에서 계속 고쳐 나가는 방식입니다.

 

그림 한 장을 뽑아 주는 이미지 생성 AI와는 성격이 다릅니다. 프로토타입, 슬라이드, 마케팅용 한 장짜리 자료처럼 구조를 갖춘 결과물을 만드는 데 초점이 있습니다.

데스크탑형 클로드 디자인 화면
데스크탑형 클로드 디자인 화면
클로드 디자인 독립형 창 화면
클로드 디자인 독립형 창 화면
02

사용 조건과 요금제

항목 내용
이용 가능 플랜 Pro, Max, Team, Enterprise (무료 플랜은 제외)
접속 방법 웹의 claude.ai/design 또는 Claude 데스크톱 앱 사이드바
사용량 채팅, Claude Code, Cowork와 공유하는 한도에서 차감 (공식 도움말 기준)
현재 단계 베타 (출시 초기에는 리서치 프리뷰로 안내)

 

출시 초기에는 클로드 디자인이 채팅과 별도로 집계된다는 설명도 있었으나, 현재 공식 도움말은 공유 한도로 안내하고 있습니다.

클로드 코워크 사용량
사용량은 코워크 사용량에 합산된다고 합니다.
03

시작하기: 템플릿 선택부터 첫 결과물까지

클로드 디자인을 열면 "What should we create?"라는 첫 화면이 나옵니다. 처음에는 새 프로젝트를 만드는 버튼이 어디 있는지 찾았는데, 별도로 누르는 버튼은 없었습니다. 템플릿을 고르고 프롬프트를 보내면 프로젝트가 자동으로 만들어집니다. 저는 슬라이드 템플릿으로 6장짜리 발표 자료를 만들어 보았습니다.

 

1

템플릿 고르기

입력창 아래 CHOOSE A TEMPLATE(템플릿 선택)에 Blank, Mobile app design, Slides, Document, Wireframe, Animation, UI mockups 등 결과물 유형이 나열되어 있습니다. 이 글에서는 Slides를 눌렀고, 그러면 입력창에 Make a slide deck about 같은 시작 문장이 자동으로 들어갑니다.

2

한국어 프롬프트로 바꿔 입력하기

자동으로 들어간 영어 시작 문장을 지우고, 만들고 싶은 내용을 한국어로 직접 씁니다. 화면 메뉴는 영어지만 프롬프트는 한국어로 써도 되었습니다. 제가 입력한 프롬프트는 아래와 같습니다.

 

PROMPT · 제가 입력한 프롬프트

10분 발표용 슬라이드 6장을 한국어로 만들어 줘.
주제: 클로드 디자인 사용법 소개
구성: 표지 / 문제 / 해결 방법 / 사용 3단계 / 주의사항 / 정리
대상: 사내 팀원, 도구를 처음 접하는 사람
스타일: 흰 바탕, 인디고 포인트, 한 장에 핵심 하나

 

3

전송하고 기다리기

전송 버튼(위쪽 화살표)을 누르면 프로젝트 이름이나 완성도를 고르는 단계 없이 곧바로 작업이 시작됩니다. 왼쪽 채팅창에 Copying starter, Designing, Finishing up이라는 진행 상태가 표시됩니다.

생성에 걸린 시간 : 3분 미만
4

결과 확인하기

프롬프트에 쓴 구성(표지, 문제, 해결 방법, 사용 3단계, 주의사항, 정리) 그대로 한국어 슬라이드 6장이 바로 만들어졌습니다. 왼쪽에는 슬라이드 목록(썸네일), 가운데에는 큰 화면, 아래에는 발표자 노트(Speaker notes)가 나오고, 장마다 발표 대본과 예상 시간이 들어 있었습니다.

5

내용 직접 검토하기

채팅창의 Claude 설명에 따르면, 3장에 넣은 입력 예시 문구는 Claude가 임의로 지어낸 것이니 실제로 쓸 요청으로 바꾸라는 안내가 있었습니다. 첫 결과를 그대로 쓰지 말고 AI가 채워 넣은 문구와 수치를 직접 확인하는 과정이 꼭 필요합니다.

클로드 디자인에서 Slides를 선택하면 프롬프트에 Make a slide deck about 이라는 메세지가 나오는 창
클로드 디자인에서 Slides를 선택하면 프롬프트에 Make a slide deck about 이라는 메세지가 나오는 창
클로드 디자인으로 제작한 pptx화면
프롬프트를 입력하면 위와 같은 2분할 창으로 바뀌고, 우측에 생성된 pptx가 표시됩니다.

 

CHECK

프롬프트가 부족하면 결과 대신 "Quick questions about your deck" 질문 양식이 열립니다. 저도 템플릿 문장만 전송했을 때 이 양식이 나왔습니다. 주제(400자 이내), 청중, 발표 길이, 주요 목적을 묻는 양식이며 영어로 표시됩니다. 

 

영어 화면 용어 한글 정리

화면 표시 한글 뜻 무엇을 하는 곳인가
Choose a template 템플릿 선택 Slides, Document 등 만들 결과물 유형을 고릅니다.
Design system 디자인 시스템 색상·서체 같은 스타일 규칙을 고릅니다. 기본값은 None(없음)입니다.
Model 모델 작업에 쓸 Claude 모델을 고릅니다.
Send 전송 프롬프트를 보냅니다.
Speaker notes 발표자 노트 슬라이드별 발표 대본과 예상 시간이 들어갑니다.
Comment 댓글 화면의 특정 부분을 짚어 수정 요청을 남깁니다.
Edit 편집 문구를 직접 고칩니다.
Present 발표 슬라이드를 전체 화면으로 재생합니다.
Share 공유 다른 사람과 공유합니다.
04

프롬프트 잘 쓰는 법

좋은 프롬프트에는 목표, 레이아웃, 콘텐츠, 대상 네 가지가 들어갑니다. 무엇을 만드는지, 어떻게 배치할지, 어떤 내용이 들어갈지, 누가 볼 것인지를 알려 주는 것입니다. 블로그 요약 카드를 만드는 예시입니다.

 

PROMPT EXAMPLE

목표: 블로그 글 상단에 들어갈 요약 카드 한 장
레이아웃: 가로 형태, 제목 아래에 핵심 3가지를 번호로 배치
콘텐츠: "클로드 디자인 사용법" / 시작 · 프롬프트 · 내보내기
대상: 처음 접하는 블로그 독자, 흰 바탕에 파란색 포인트

 

TIP

한 번에 완벽하게 요청하려 하지 말고 작은 요청을 나눠서 이어 가는 것이 결과가 안정적입니다. 공식 도움말도 단계적으로 요청하는 방식을 권장합니다.

클로드 디자인으로 간단한 카드 제작 화면
위 프롬프트로 작성된 요약카드

 

05

수정하는 4가지 방법

첫 결과가 나오면 바로 수정 단계로 들어갑니다. 수정 방법은 네 가지이고, 바꾸려는 범위에 따라 골라 쓰면 됩니다.

 

방법 화면의 위치 이럴 때 사용
채팅 왼쪽 아래 입력창 전체 분위기, 색, 레이아웃 변경처럼 큰 수정
댓글(Comment) 위쪽 Comment 버튼 특정 문구나 영역을 콕 집어 고치고 싶을 때
직접 편집(Edit) 위쪽 Edit 버튼 문구를 프롬프트 없이 바로 고칠 때
조정 옵션 캔버스 위쪽의 스위치·슬라이더·입력칸 크기, 간격, 문구를 실시간으로 미세 조정할 때

 

댓글: 클릭하거나 드래그해서 요청하기

Comment 버튼을 누르면 화면 위에 "Click to comment, drag to draw"라는 안내가 나옵니다. 요소를 클릭하면 그 자리에 댓글을 남길 수 있고, 드래그하면 영역을 그려서 그 부분에 대한 요청을 쓸 수 있습니다.

클로드 디자인 Comment 로 수정 화면
Comment 버튼을 클릭한 다음 수정이 필요한 부분을 클릭하면 텍스트를 입력할 수 있는 Comment 창이 뜹니다.

 

직접 편집: 문구를 바로 고치기

Edit 버튼으로 카드 안의 문구를 직접 고칠 수 있습니다.

클로드 디자인 Edit 로 수정 화면
Edit 버튼을 클릭하면 텍스트를 직접 수정 가능합니다.

 

조정 옵션: 스위치, 입력칸, 슬라이더

캔버스 위쪽 줄에 있는 조정 옵션은 디자인마다 Claude가 만들어 주는 항목입니다. 제가 만든 요약 카드에는 처음에 설명을 켜고 끄는 showDesc 스위치와 제목 위 작은 문구를 바꾸는 eyebrow 입력칸만 있었습니다. showDesc를 끄면 각 단계 아래의 한 줄 설명이 사라지고, 켜면 다시 나타납니다.

 

슬라이더는 처음에는 없었지만, 채팅으로 슬라이더를 추가해 달라고 요청하자 생겼습니다. 아래 요청을 입력했더니 titleSize(제목 크기), stepGap(단계 간격), circleSize(숫자 원 크기) 슬라이더가 나타났고, 현재 값이 76px, 28px, 52px처럼 옆에 숫자로 표시되었습니다.

 

PROMPT · 슬라이더 추가 요청

제목 크기, 단계 카드 간격, 숫자 원 크기를 슬라이더로 조절할 수 있게 조정 항목을 추가해 줘.

 

TIP

조정 옵션이 마음에 들지 않거나 부족하면 원하는 항목을 채팅으로 요청하면 됩니다. 손으로 드래그해 값을 맞추는 방식이라, 글자 크기나 간격처럼 말로 설명하기 애매한 부분에 편합니다. 

 

현재 안을 보존한 채 다른 방향을 보고 싶다면 "지금 안을 저장하고 완전히 다른 방향으로 시도해 줘"라고 요청하면 됩니다. 

06

디자인 시스템으로 스타일 통일하기

디자인 시스템은 색상, 서체, 컴포넌트 같은 스타일 규칙 묶음입니다. 코드 저장소, 디자인 파일, 슬라이드나 문서를 올리면 Claude가 규칙을 추출해 이후 프로젝트에 적용합니다. 공식 문서도 디자인 시스템 없이 쓰면 결과가 무난하지만 평범해지기 쉽다고 안내합니다.

 

블로그 운영자라면 기존 글 캡처 몇 장을 올리고 "이 스타일로 만들어 줘"라고 요청하는 방식이 현실적입니다. 

07

내보내기와 활용법 (PPTX · PDF)

작업이 끝나면 프로젝트 화면 오른쪽 위의 내보내기 메뉴에서 결과물을 파일로 받을 수 있습니다. 여기서는 가장 많이 쓰는 PPTX와 PDF 두 가지를 중심으로 설명하고, 나머지 방식은 뒤에서 표로 짧게 정리하겠습니다. 

 

EXAMPLE 1 · PPTX

발표 자료로 이어서 쓰기

슬라이드 형태로 만든 결과를 PowerPoint 파일로 받아, 발표 직전에 문구와 순서를 다듬는 방식입니다. 클로드 디자인으로 구성과 첫 시안을 빠르게 잡고, 마무리는 익숙한 PowerPoint에서 하는 흐름이 현실적입니다. 

EXAMPLE 2 · PDF

공유·제출용 문서로 쓰기

화면 구성을 그대로 고정해 메일 첨부, 인쇄, 외부 공유에 쓰는 방식입니다. 상대방의 환경에 따라 글꼴이나 레이아웃이 달라질 걱정이 적어 제안서나 한 장짜리 자료에 적합합니다. 

 

 

PROMPT · 발표용 슬라이드 요청 예시

목표: 10분 발표용 슬라이드 6장
구성: 표지 / 문제 / 해결 방법 / 사용 3단계 / 주의사항 / 정리
대상: 사내 팀원, 도구를 처음 접하는 사람
스타일: 흰 바탕, 인디고 포인트, 한 장에 핵심 하나

 

그 밖의 내보내기·전달 방식

방식 이런 경우에 활용 참고
독립형 HTML 결과를 하나의 웹 페이지 파일로 받아 사이트에 올리거나 브라우저에서 바로 공유할 때 공식 도움말에 안내된 방식입니다.
Claude Code 전달 완성된 디자인을 실제 코드로 구현하고 싶을 때. 디자인 의도를 묶어 클로드 코드로 넘기는 연결 경로입니다. 공식 도움말에 Claude Code, Claude Code Web 전달이 안내되어 있습니다.
Canva 전송 템플릿 위에서 추가로 다듬거나 팀과 함께 편집할 때 여러 소개 자료에서 확인되며, 메뉴에 있는지 직접 확인이 필요합니다.
ZIP 다운로드 작업 파일을 한꺼번에 보관하거나 전달할 때 일부 자료에서 소개된 방식입니다.
외부 서비스 연동 Adobe, Gamma, Miro, Vercel, Wix 등으로 바로 보내는 방식 업데이트로 추가되었다는 설명이 있으나 제3자 글 기준이라 실제 메뉴 확인이 필요합니다.

 

CHECK

내보낸 파일은 글꼴, 줄 바꿈, 이미지 위치를 한 번 열어서 확인한 뒤 사용하세요. 메뉴 구성은 업데이트로 바뀔 수 있고, 한글 글꼴이 다른 환경에서 대체될 수도 있습니다. 

08

써 보며 느낀 한계와 주의사항

CHECKLIST

베타 단계입니다. 공식 문서에도 인라인 댓글이 Claude가 읽기 전에 사라지는 경우가 있다고 적혀 있습니다. 이때는 내용을 채팅창에 직접 붙여 넣으면 됩니다.
결과는 시안으로 봐야 합니다. 첫 결과를 완성본으로 쓰기보다 두세 번 다듬는 것을 전제로 하는 편이 좋습니다.
사용 한도를 확인하세요. 디자인 작업은 다른 Claude 기능과 한도를 공유합니다. 다만 클로드의 모델에 따라 다르며 Sonnet 정도로도 적당한 디자인물이 나왔습니다.

민감한 자료는 신중히. 업로드한 자료는 저장될 수 있으므로 회사 기밀이나 개인정보는 올리지 않는 것이 안전합니다.

09

자주 묻는 질문

Q. 무료로 쓸 수 있나요?

현재는 Pro, Max, Team, Enterprise 플랜에서 제공되며 무료 플랜은 대상이 아닙니다.

Q. 클로드 코드와는 무엇이 다른가요?

클로드 디자인은 시각 결과물을 만드는 도구이고, 클로드 코드는 코드를 읽고 수정하는 도구입니다. 완성된 디자인을 클로드 코드로 넘겨 구현하는 연결 경로가 있습니다.

Q. PPTX로 내보내면 글꼴과 레이아웃이 그대로 유지되나요?

환경에 따라 달라질 수 있으므로 내보낸 뒤 글꼴, 줄 바꿈, 이미지 위치를 직접 확인하는 것을 권합니다. 고정된 모양이 중요하면 PDF가 더 안전합니다. 따라서 내보내기 한 후 반드시 직접 결과물을 확인해야 합니다.

Q. Figma 파일로 내보낼 수 있나요?

확인된 공식 안내에는 Figma 파일(.fig) 내보내기가 포함되어 있지 않습니다. Figma 연동이 필요하다면 사용 전에 현재 기능을 확인하세요.

Q. 모바일에서도 쓸 수 있나요?

공식 도움말은 웹과 Claude 데스크톱 앱을 안내합니다. 모바일은 pptx파일 제작 가능하고 텍스트 수정 이동이 가능했습니다. 다만 클로드 디자인 자체가 제공되진 않습니다.

클로드 채팅으로 디자인물 제작은 물론 직접 텍스트 수정과 이동도 가능합니다. 다만 직접 클로드 디자인 기능이 모두 가능하진 않습니다.

마치며

클로드 디자인은 첫 결과를 완성본이 아닌 시안으로 쓸 때 가장 도움이 되는 도구였습니다. 발표 자료와 이미지 시안을 잡는 시간을 줄여 주었습니다. 

pptx 파일을 제작해서 사용한다고 하면 전체를 완벽하게 제작해서 사용할 수 있다는 건 아직 안됩니다.

다만 초안을 빠르게 잡아서 직접 수정할 수 있다는 장점이 분명합니다.

다양한 방면으로 활용 가능성이 많다고 느꼈고, 직접 작업해보고 겪어보는게 중요하다 생각했습니다.

다양하게 테스트 해보고 실무에 빠르게 적용하는게 중요하겠죠. 

 

기능과 메뉴는 업데이트로 바뀔 수 있어, 변경 사항이 확인되면 이 글을 갱신하겠습니다. 최종 확인일은 2026.10.27입니다.

 

 

반응형