클로드 디자인 사용법: 안내문 한 장 만들고 수정하기

2026년 10월 4일 확인: 대화 안에서 디자인을 만들 수 있고 claude.ai/design의 기존 프로젝트도 계속 사용할 수 있습니다. 모바일에서는 생성 요청과 결과 보기가 가능하지만 캔버스 편집과 공유 설정은 웹이나 데스크톱에서 합니다. 이 글의 첫 실습은 PC 웹을 기준으로 설명합니다.

클로드 디자인(Claude Design)은 앤트로픽이 2026년 4월 17일 공개한 대화형 디자인 도구입니다. 왼쪽 채팅에 원하는 것을 설명하면 오른쪽 캔버스에 시안이 만들어지고, 발표 자료, 동작을 미리 시험하는 시안인 프로토타입, 한 장짜리 문서인 원페이저를 다듬습니다. 캔버스는 결과물을 눈으로 보며 편집하는 화면입니다.

새 도구가 나오면 사용법 글이 빠르게 올라옵니다. 그런데 도구 쪽이 조용히 바뀌면 그 글들은 그대로 남습니다. 읽는 사람은 최신 안내인 줄 알고 따라가게 됩니다.

클로드 디자인이 지금 그렇습니다. 출시 초기의 별도 사용량 한도를 설명한 글과 현재의 공유 한도 안내가 다릅니다. 지갑이 두 개인 줄 알고 예산을 짰다가 알고 보니 하나였던 것과 비슷한 상황이라, 쓰는 방법보다 이쪽을 먼저 정리하겠습니다. 공식 문서를 2026년 10월 4일에 확인했습니다.

요금제별로 어디에서 열리는지

클로드 디자인은 유료 요금제에만 있습니다. 무료 요금제에는 없습니다.

엔터프라이즈에서 메뉴가 보이지 않으면 로그인한 조직과 설정을 확인합니다. 대화 안 디자인은 소유자가 Organization settings > Artifacts에서 켜며, 단독 디자인 화면에는 별도 설정이 있습니다. 메뉴가 없다는 이유만으로 계정 오류라고 판단하지 않습니다.

PC 웹의 새 대화에서 디자인을 요청하거나 입력창의 Output > Design을 고릅니다. Artifacts 탭의 디자인 템플릿과 claude.ai/design에서도 시작할 수 있습니다. 모바일 앱은 생성 요청과 결과 보기를 지원하므로, 모바일에서 전혀 쓸 수 없다는 예전 안내와 구분합니다.

사용량은 다른 클로드 작업과 공유합니다

여기가 이 글에서 가장 중요한 대목입니다.

공식 문서는 두 가지를 적어 두었습니다. 디자인 활동이 채팅과 클로드 코드, 코워크가 쓰는 공유 한도에서 나간다는 것, 그리고 이전에는 디자인 전용 주간 할당량이 따로 있었지만 이제는 공유 한도에 포함된다는 것입니다.

실무에서 달라지는 점은 이렇습니다.

• 디자인을 많이 쓰면 채팅과 클로드 코드가 함께 줄어듭니다. 반대도 같습니다. 오전에 코드 작업으로 한도를 많이 쓰면 오후 디자인 작업이 일찍 막힙니다.
• 한도에 닿으면 재설정될 때까지 디자인을 쓸 수 없습니다. 유료 사용 크레딧을 켜 두었다면 포함된 한도 밖에서도 작업할 수 있지만 추가 비용이 생깁니다. 첫 연습 때문에 이를 켤 필요는 없습니다.
• 프로그램 코드 파일 모음인 코드베이스를 크게 연결하거나 반복을 많이 돌리면 소모가 큽니다. 디자인 시스템을 만드는 작업이 특히 그렇습니다.

예전의 “몇 분 만에 주간 한도가 소진됐다”는 사례로 현재 계정의 작업 가능 횟수를 예상하기는 어렵습니다. 모델, 입력 자료와 수정 횟수에 따라 달라지므로 첫 안내문을 만든 전후에 Settings > Usage 사용량 화면을 비교합니다. 그 차이도 다른 작업을 동시에 했다면 안내문 하나의 사용량으로 단정하지 않습니다.

첫 작업: 독서 모임 안내문 한 장

이미 이용 중인 유료 계정이 있다면 PC에서 클로드를 열고 새 대화를 시작합니다. 무료 계정이라면 아래 원자료와 확인 기준을 읽는 데서 멈춰도 됩니다. 예시를 이해하기 위해 추가 구독을 하거나 개발 도구를 설치할 필요는 없습니다.

디자인 시스템은 색, 글꼴, 버튼 같은 반복 요소를 정한 규칙 모음입니다. 회사의 규칙이 있으면 연결할 수 있지만, 첫 안내문에는 아래 텍스트만 사용합니다. 다음은 실제 행사 정보가 아닌 연습 자료입니다.

요청을 보내고 생성이 끝나면 대화 옆의 결과물을 엽니다. 안내문이 보이지 않고 설명만 나왔다면 입력창에서 Output > Design을 선택한 뒤 같은 자료로 요청합니다. 이 메뉴도 없다면 로그인 계정의 요금제와 조직 설정을 먼저 확인합니다.

캔버스에서 제목과 날짜, 장소, 준비물이 모두 있는지 원자료와 한 줄씩 대조합니다. “완성했다”는 답변만으로 끝내지 않습니다. 참가비나 신청 버튼이 추가됐다면 “자료에 없는 참가비와 신청 버튼만 삭제해 줘”라고 요청합니다. PC 창을 좁혔을 때 글자가 겹치거나 가로로 잘리는지도 봅니다.

다음으로 같은 대화에서 한 가지만 수정합니다.

결과에서 10월 12일이 남지 않았는지, 장소가 도서관 2층이고 준비물이 책 한 권인지 다시 봅니다. 관계없는 내용까지 바뀌었다면 원자료 네 줄을 다시 붙이고 날짜만 10월 19일인 최종본을 요청합니다.

막혔을 때 이어가기와 혼자 반복하기

생성을 멈추려면 대화에 표시된 중지 버튼을 누릅니다. 생성 오류가 나거나 중단한 작업을 이어갈 때는 마지막 요청과 원자료를 먼저 복사해 둡니다. 단독 디자인 화면에서 chat upstream error가 보일 때는 같은 프로젝트의 새 채팅 탭에서 이어갈 수 있습니다. 새 대화가 이전 자료를 알고 있다고 가정하지 말고 원자료와 바꿀 내용을 함께 넣습니다. 사용 한도에 걸렸다면 표시된 재설정 시각을 확인하고 그때 이어가면 됩니다.

새 대화에서는 날짜를 10월 19일 오후 2시로 유지하고 장소를 도서관 1층, 준비물을 책 한 권과 메모장으로 바꾼 자료로 안내문을 다시 만듭니다. 이전 대화를 복사하지 않고 원자료를 직접 적고, 완성 후 네 항목을 대조합니다. 날짜만 고치는 것과 다른 자료로 새로 만드는 것을 모두 해봤다면 첫 연습은 끝입니다.

브랜드 규칙에 맞춰 여러 장을 만들 때는 디자인 시스템 설정 글로 이어갑니다. 안내문 한 장을 만들 때 코드 파일을 준비할 필요는 없습니다.

고치는 방법 세 가지

첫 결과는 시작점입니다. 인라인 댓글은 화면의 특정 요소를 눌러 다는 의견이며, 컴포넌트는 버튼처럼 재사용하는 화면 요소입니다. 수정할 범위에 따라 세 가지 방법을 쓸 수 있습니다.

위치를 말로 설명하는 것보다 그 부분을 눌러 댓글을 다는 쪽이 빠릅니다. 다만 댓글이 화면에 나타나지 않는 문제가 알려져 있어서, 선택되지 않으면 피드백을 채팅에 붙여 넣으라고 공식 문서가 안내합니다.

피드백은 구체적으로 씁니다. "이건 아닌 것 같아요"보다 "날짜와 장소 사이의 간격을 줄여 줘"처럼 대상과 바꿀 내용을 적으면 수정 결과를 확인하기 쉽습니다. 요청대로 반영됐는지는 화면에서 다시 봅니다.

내보내기와 클로드 코드 연결

만든 결과는 프로젝트를 볼 때 오른쪽 위 Export에서 내려받습니다. 안내문 연습은 PDF를 골라 저장한 뒤 브라우저 다운로드 목록에서 파일을 열어 봅니다. 파일 안에서도 날짜, 장소, 준비물과 글자 잘림을 확인합니다. 캔버스가 잘 보여도 변환된 파일은 다를 수 있습니다.

어도비와 감마, 러버블, 미로, 리플릿, 버셀, 윅스로 보내는 항목도 있고 대상은 계속 추가되고 있습니다. 디자인은 처음에 비공개이며 Share에서 대상과 보기, 댓글, 편집 권한을 정합니다. 파일을 내 컴퓨터로 받는 것과 링크를 다른 사람에게 보내는 것은 별도 행동입니다. 연습은 파일 확인에서 마칩니다.

개발을 이미 하는 경우에는 클로드 코드에서 /design으로 시안을 가져오거나 수정하고, /design-sync로 기존 코드의 디자인 규칙을 연결할 수 있습니다. 이 과정은 코드 파일을 다루는 선택 단계입니다. 시안을 가져왔다는 사실만으로 실제 서비스의 로그인, 저장, 보안이나 결제가 구현되고 검증되는 것은 아닙니다. 처음 배우는 분은 안내문 다운로드까지만 마쳐도 됩니다.

작업을 이어갈 때 알아 둘 제한

베타 단계라 기능과 사용 방식이 바뀔 수 있습니다. 아래 캡처는 9월에 보관한 공식 문서이며, 모바일 지원은 이후 달라졌습니다. 10월 4일 확인한 범위는 이미지 다음 설명을 따릅니다.

• 댓글이 화면에 안 보일 수 있습니다. 댓글 보기를 열면 확인됩니다.
• 아주 큰 저장소는 클로드 코드에서 연결합니다. 브라우저가 느려지는 것을 피하는 방법입니다.
• 채팅 업스트림 오류가 나면 같은 프로젝트에서 새 채팅 탭을 엽니다.
• 모바일에서는 생성 요청과 결과 보기가 가능합니다. 캔버스 편집과 공유 설정은 웹이나 데스크톱에서 합니다.
• 두 사람이 동시에 편집하는 기능은 아직 불안정합니다. 실시간 공동 편집이 필요하면 다른 도구를 함께 씁니다.
• 디자인 시스템의 원자료를 확인합니다. 누락된 글꼴이나 정리되지 않은 규칙이 결과에도 반영될 수 있습니다.
• 자동 버전 기록은 아직 없습니다. 큰 변경을 하기 전에는 현재 파일을 내려받아 별도로 보관하고, 대화에서 저장했다고 답한 위치도 직접 열어 확인합니다.

확인한 공식 내보내기 목록에는 Figma와 PNG가 없습니다. 두 형식이 꼭 필요하다면 실제 Export 메뉴의 지원 항목을 먼저 살펴봅니다. HTML 파일을 받는 것만으로 Figma에서 편집 가능한 레이어가 생기지는 않습니다.

자주 묻는 질문

무료 요금제에서도 클로드 디자인을 쓸 수 있나요?

쓸 수 없습니다. 프로와 맥스, 팀, 엔터프라이즈 요금제에만 포함됩니다. 엔터프라이즈는 요금제에 포함돼 있어도 관리자가 조직 설정에서 켜야 구성원에게 보입니다.

디자인을 많이 쓰면 채팅 한도도 줄어드나요?

줄어듭니다. 디자인 활동이 채팅과 클로드 코드, 코워크가 함께 쓰는 한도에서 나갑니다. 출시 초기에는 디자인 전용 주간 할당량이 따로 있었지만 지금은 공유 한도로 합쳐졌습니다.

만든 디자인을 피그마로 옮길 수 있나요?

10월 4일 확인한 공식 내보내기 목록에는 Figma가 없습니다. 독립형 HTML이나 ZIP을 받을 수는 있지만, 이를 Figma의 편집 가능한 레이어로 그대로 가져올 수 있다고 가정하면 안 됩니다.

Sources

• Get started with Claude Design, Claude Help Center (2026년 10월 4일 확인)
• Anthropic, Introducing Claude Design by Anthropic Labs, https://www.anthropic.com/news/claude-design-anthropic-labs (2026년 10월 4일 확인)