claudekit / updates / claude-design
[ NEW · ]

Claude Design 출시 (Anthropic Labs)

Claude와 대화하며 디자인, 인터랙티브 프로토타입, 프레젠테이션을 만드는 새로운 협업 도구

공식 발표 →

이 글은 공식 문서를 바탕으로 요약·정리한 내용입니다.

핵심 요약

Anthropic이 Anthropic Labs의 첫 제품 중 하나로 Claude Design을 리서치 프리뷰로 공개했습니다. Claude와 대화하면서 디자인, 프로토타입, 슬라이드, 원페이저를 만들 수 있는 시각적 협업 도구입니다.

기존에는 아이디어를 시각화하려면 Figma, Canva, PowerPoint 같은 도구로 직접 드래그하며 만들어야 했고, 팀 피드백도 별도 미팅이나 코멘트 라운드를 거쳐야 했습니다. Claude Design은 Claude Opus 4.7을 기반으로 왼쪽에 채팅, 오른쪽에 캔버스가 있는 화면에서 대화로 시안을 생성하고 조정할 수 있게 해 이 과정을 한 번의 대화로 압축합니다.

시작하기

  • 전용 URL: claude.ai/design — 일반 Claude 채팅창이 아닌 별도 웹 인터페이스(왼쪽 채팅 + 오른쪽 캔버스)
  • 이용 가능 플랜: Claude Pro, Max, Team, Enterprise
  • Claude Code CLI에서는 사용 불가 — 웹 전용. 다만 완성된 디자인을 Claude Code로 핸드오프하는 연동은 지원

Enterprise 플랜 활성화

Enterprise 플랜은 이 기능이 기본 비활성화(default off) 상태입니다. 조직 관리자(admin)가 조직 설정에서 먼저 켜야 팀원이 claude.ai/design에 접근할 수 있습니다. Pro, Max, Team은 기본 활성화되어 있어 구독자가 바로 사용 가능. 구체적인 관리자 설정 방법은 Anthropic의 “Claude Design admin guide for Team and Enterprise plans” 문서 참조.

주요 기능

  • 대화 기반 디자인 생성

    텍스트 프롬프트, 업로드 파일(DOCX, PPTX, XLSX), 기존 웹사이트 캡처로 시작해 Claude가 초안을 생성합니다. 결과는 캔버스에 바로 렌더링되고, 채팅으로 구조/스타일 변경을 지시하거나 요소에 인라인 코멘트로 세밀하게 수정할 수 있습니다. 커스텀 조정 슬라이더로 미세 조정도 가능합니다.

  • 디자인 시스템 연동

    팀의 디자인 시스템을 프로젝트에 연결하면 브랜드 일관성이 자동으로 적용됩니다. 컴포넌트를 이름으로 참조하면서 재사용할 수 있어 마케팅 에셋부터 제품 목업까지 동일한 규칙으로 만들 수 있습니다.

  • Claude Code 연동으로 코드 프로토타입

    완성된 디자인을 Claude Code로 넘기면 실제 구현으로 이어집니다. 코드 리포지토리를 연결하면 음성, 비디오, 3D를 포함한 프로덕션에 가까운 인터랙티브 프로토타입까지 만들 수 있습니다.

  • 다양한 출력 형식

    결과물을 .zip, PDF, PPTX로 다운로드하거나 Canva로 보내거나 독립 HTML로 받을 수 있습니다. Claude Code로 바로 핸드오프하는 것도 가능합니다.

  • 팀 공유와 권한 관리

    조직 단위 공유 제어를 지원하며, 링크별로 보기 전용 / 코멘트 / 편집 권한을 지정할 수 있습니다.

주요 사용 사례

  • 피드백과 사용자 테스트용 인터랙티브 프로토타입
  • 개발팀에 넘기기 위한 와이어프레임과 제품 목업
  • 여러 방향을 병렬로 탐색하는 디자인 탐색
  • PPTX로 내보내는 피치덱 및 프레젠테이션
  • 랜딩 페이지, 소셜 에셋 등 마케팅 자료
  • 음성·비디오·3D가 포함된 코드 기반 프로토타입

알아두면 좋은 점

  • 현재 리서치 프리뷰 단계 — 구독에 포함되며 추가 사용량은 별도 옵션
  • 시작할 때는 단순한 디자인부터 만들고 점진적으로 복잡도를 올리는 것이 안정적
  • 구체적 피드백일수록 결과가 좋음 — 디자인 시스템 컴포넌트는 이름으로 참조
  • 알려진 제약: 인라인 코멘트가 처리 전에 사라지는 경우가 있음, 컴팩트 뷰 레이아웃에서 저장 오류 발생 가능, 매우 큰 코드베이스에서 성능 저하, 채팅 오류 시 프로젝트 내 새 탭에서 다시 시작 필요
§ 6

자주 묻는 질문

자주 묻는 질문
§ 6.1
Claude Design은 무엇인가요?
Anthropic Labs의 첫 제품 중 하나로 리서치 프리뷰로 공개된 시각적 협업 도구입니다. Claude Opus 4.7 기반으로 왼쪽 채팅·오른쪽 캔버스 화면에서 대화로 디자인·프로토타입·슬라이드·원페이저를 생성하고 조정할 수 있습니다.
§ 6.2
어디서 사용할 수 있나요?
전용 URL [claude.ai/design](https://claude.ai/design)에서 사용합니다(일반 Claude 채팅창과 별도). Claude Code CLI에서는 사용 불가하며, 완성된 디자인을 Claude Code로 핸드오프하는 연동만 지원됩니다.
§ 6.3
어떤 플랜에서 사용 가능한가요?
Claude Pro, Max, Team, Enterprise에서 사용 가능합니다. Enterprise는 기본 비활성화 상태이므로 조직 관리자가 먼저 켜야 팀원이 접근할 수 있습니다.
§ 6.4
어떤 출력 형식을 지원하나요?
결과물을 `.zip`, PDF, PPTX로 다운로드하거나 Canva로 보내거나 독립 HTML로 받을 수 있고, Claude Code로 바로 핸드오프하는 것도 가능합니다.
§ 6.5
공식 자료는 어디서 볼 수 있나요?
공식 발표: anthropic.com/news/claude-design-anthropic-labs