Claude Design 출시 2026 — Anthropic × Canva, Figma 정조준

4월 17일, Anthropic이 Claude Design을 공개했다. 프롬프트 한 줄로 프로토타입, 슬라이드, 피치덱, 원페이저를 생성하는 디자인 도구다. 모델은 방금 출시된 Claude Opus 4.7 기반, 렌더링 엔진은 Canva Design Engine을 그대로 쓴다. Figma와 Canva가 겨냥하는 "디자이너가 아닌 사람"을 정확히 가운데서 가로채려는 포지셔닝이다.

바로 사흘 전인 4월 14일에는 Claude Code 데스크톱 앱이 통째로 리디자인됐고 Routines(루틴) 기능이 리서치 프리뷰로 나왔다. 4월 둘째 주에 Anthropic이 쏟아낸 제품 업데이트만 세 건, 모두 "대화형 AI를 넘어서 작업 결과물을 직접 만드는 도구"라는 한 방향이다. 이번 글은 Claude Design의 구조와 Claude Code 데스크톱 리디자인을 같은 프레임으로 묶어 정리한다.

배경 — Anthropic Labs와 Canva 파트너십

Anthropic Labs는 Claude 모델 위에 올라가는 실험적 소비자 제품을 만드는 팀이다. 이전의 Artifacts(아티팩트)가 대화 안에서 생성되는 결과물을 시각화하는 기능이었다면, Claude Design은 그 아이디어를 독립 제품으로 뽑아낸 버전이다. 출시 시점부터 Mac 앱, 웹, API 세 경로로 동시 배포됐다.

핵심 파트너는 Canva다. Canva의 Design Engine을 엔진으로 채택하면서 Anthropic은 렌더링, 폰트, 템플릿 라이브러리를 통째로 빌려 왔다. 대신 Claude가 자연어 요청을 받아 Design Engine에 명령을 전달하고, 생성된 결과물을 편집 가능한 Canva 레이어로 내려보낸다. Canva 입장에서도 엔진 공급자로 들어가면서 디자인 시장의 인프라 레이어를 차지하는 전략이다. 이 구조 때문에 Claude Design의 모든 결과물은 Canva 계정으로 이어서 열고 편집할 수 있다.

같은 주의 다른 움직임은 Anthropic의 서울 오피스 설립 발표와 겹친다. 아시아·태평양 3번째 거점으로 서울을 고른 배경에는 한국 엔터프라이즈 도입률이 있는데, 이번 Claude Design이 그중에서도 기획·마케팅·영업 부문의 신규 수요를 노린다. 개발자 시장은 Claude Code가 이미 잡고 있다는 판단이다.

Claude Design이 제공하는 3가지 기능

첫째, 온보딩에서 팀 디자인 시스템을 자동 구축한다. Claude Design은 첫 실행 시 사용자의 코드베이스와 기존 디자인 파일을 스캔해 브랜드 색상, 타이포그래피, 컴포넌트를 학습한다. TechCrunch 테스트에 따르면 GitHub 레포와 Figma 라이브러리 연결 후 약 6~8분 만에 토큰화된 디자인 시스템이 뽑힌다. 이후 생성되는 모든 결과물은 이 시스템 안에서만 렌더링되기 때문에, 결과물 간 브랜드 일관성이 자동으로 유지된다.

둘째, Claude Code로 직접 핸드오프가 된다. Claude Design에서 만든 프로토타입은 "Build with Claude Code" 버튼 하나로 실제 컴포넌트 코드로 변환된다. React, Vue, Svelte 중 선택 가능하고, Tailwind 토큰은 학습된 디자인 시스템의 색상·간격 스케일을 그대로 출력한다. 디자인에서 코드까지의 워크플로가 한 회사 제품 안에서 끊기지 않는다는 점이 Figma의 코드 생성 기능 대비 차별화 포인트다.

셋째, 팀 협업이 기본값이다. 한 조직 안 여러 멤버가 동일한 프로젝트에 접근해 편집할 수 있고, 히스토리와 코멘트는 Claude가 요약해준다. 이 부분은 출시 시점에 Canva 수준의 다중 편집을 지원하지는 않지만, 엔터프라이즈 플랜 사용자에게는 SSO 기반 팀 관리가 먼저 열렸다.

같은 주에 Claude Code 데스크톱도 뜯어고쳤다

4월 14일, Claude Code 데스크톱 앱이 완전히 새로 빌드됐다. 핵심 변화는 하나의 창 안에서 병렬 세션을 돌리는 구조로 바뀌었다는 점이다. 기존 앱이 대화 하나를 풀스크린으로 띄우는 구조였다면, 새 버전은 IDE처럼 사이드바에서 모든 활성·최근 세션을 한눈에 본다. 상태, 프로젝트, 환경별로 필터링이 되고, 세션을 프로젝트 단위로 그룹핑할 수도 있다.

VentureBeat가 실제로 테스트한 결과, 핵심 UX 변화는 세 가지다. 통합 터미널이 앱 안에서 바로 테스트·빌드를 돌리고, in-app 파일 에디터가 빠른 수정용으로 들어갔으며, diff viewer(코드 차이 뷰어)가 큰 체인지셋을 처리하도록 재빌드됐다. HTML과 PDF 미리보기, 로컬 앱 서버도 프리뷰 패널에서 바로 뜬다.

가장 작지만 일 패턴을 바꾸는 기능은 사이드 챗이다. Cmd + ; 단축키로 실행 중인 작업에서 곁가지 질문을 분리해 띄울 수 있는데, 이 질문은 메인 스레드 컨텍스트를 오염시키지 않는다. 긴 코딩 작업 중에 "이 라이브러리가 뭐지?" 같은 짧은 질문을 할 때 메인 대화의 토큰을 낭비하지 않는 구조다. Anthropic은 이 구조를 "conversation에서 orchestration으로의 이동"이라고 표현했다.

함께 공개된 Routines(루틴)는 반복 작업을 자동화하는 기능으로, 리서치 프리뷰 단계다. Pro, Max, Team, Enterprise 플랜 사용자에게 순차 배포 중이다.

시사점 — Figma, Canva, Cursor와의 충돌

Claude Design의 경쟁 구도를 표로 정리하면 이렇다.

도구	엔진	강점	Claude Design과의 차이
Figma	자체 렌더링	디자이너 협업, 컴포넌트 시스템	자연어 생성은 AI 추가 기능, 핸드오프는 코드 스니펫 수준
Canva	Canva Design Engine	템플릿 양, 비디자이너 접근성	디자인 시스템 학습은 한정적, 코드 핸드오프 없음
Claude Design	Canva Design Engine	코드베이스 학습 + Claude Code 핸드오프	템플릿 풍부함은 Canva 대비 아직 적음

Figma는 이미 Dev Mode와 AI 기능을 공격적으로 붙여 왔지만, 여전히 "디자이너가 먼저 그리고 개발자가 받는" 워크플로를 전제한다. Claude Design은 순서를 뒤집는다. 기획자가 자연어로 요청하고, 학습된 디자인 시스템이 브랜드 일관성을 보장하며, 완성된 프로토타입이 Claude Code로 넘어가 프로덕션 컴포넌트가 된다. 이 시나리오가 실제로 굴러간다면 Figma가 가진 "디자인-개발 경계"가 약해진다.

Cursor와 Claude Code 데스크톱 리디자인의 관계도 주목할 만하다. Cursor가 에디터 중심에서 에이전트 오케스트레이션으로 진화하는 동안, Claude Code는 처음부터 "세션 오케스트레이션"을 UX의 기본으로 삼았다. 사이드바가 "Mission Control"로 불리는 것도 이 방향성을 드러낸다.

한국 시장 관점에서 가장 실용적인 변화는 Claude Design의 피치덱 생성 기능이다. 투자 라운드나 클라이언트 제안서를 만드는 속도가 체감적으로 빨라질 것이고, 기존에 Canva Pro나 Gamma를 쓰던 스타트업에게는 디자인 시스템 자동 학습이 전환 유인이 된다.

참고 자료

• Introducing Claude Design by Anthropic Labs — Anthropic
• Claude Design launch coverage — TechCrunch
• Claude Code Desktop Redesign — The New Stack
• Testing Claude Code Routines — VentureBeat
• Canva × Anthropic Claude Design — The Next Web
• Seoul becomes Anthropic's third Asia-Pacific office — Anthropic

---

매일 아침 AI 뉴스를 이메일로 받아보세요. spoonai.me 뉴스레터 구독