디자이너가 아이디어를 실제 화면으로 옮기는 데 걸리는 시간, 그리고 그 화면을 개발자가 코드로 구현하는 데 걸리는 시간. Anthropic이 공개한 Claude Design은 그 마찰을 대화 한 번으로 건너뛰려는 시도입니다.

Anthropic이 4월 17일 Claude Design을 공개했습니다. 가장 강력한 비전 모델인 Claude Opus 4.7을 기반으로, 프로토타입·슬라이드·원페이저 같은 시각 결과물을 대화로 만들 수 있는 도구입니다. Pro, Max, Team, Enterprise 구독자 대상 리서치 프리뷰로 출시됐습니다.

출처: Introducing Claude Design by Anthropic Labs – Anthropic

어떻게 작동하는가

작동 흐름은 단순합니다.

1. 텍스트로 원하는 결과물을 설명한다
2. Claude가 첫 번째 버전을 만든다
3. 인라인 코멘트, 직접 편집, 또는 Claude가 만들어주는 커스텀 슬라이더로 세부 조정한다
4. 완성된 결과물을 URL·PDF·PPTX·HTML로 내보내거나, Canva로 보내 추가 편집한다

팀 단위로 쓸 때는 온보딩 과정에서 Claude가 회사의 코드베이스와 디자인 파일을 읽고 자동으로 디자인 시스템을 구축합니다. 이후 모든 프로젝트에서 브랜드 컬러, 타이포그래피, 컴포넌트가 자동으로 적용됩니다.

Datadog 팀은 브리핑부터 목업·검토까지 일주일이 걸리던 사이클이 대화 한 번으로 줄었다고 밝혔습니다. Brilliant는 다른 툴에서 20회 이상 프롬프트가 필요했던 복잡한 페이지를 2번 만에 완성했다고 전했습니다.

핵심은 Claude Code와의 연결

Claude Design이 단순한 디자인 도구와 다른 지점은 Claude Code와의 직접 연동입니다. 디자인이 완성되면 핸드오프 번들로 패키징해 Claude Code에 한 번에 넘길 수 있습니다. 디자인과 구현 사이의 번역 작업 — 디자이너가 의도한 여백, 색상 토큰, 인터랙션을 개발자가 다시 해석하는 과정 — 이 사라지는 구조입니다.

여기에는 구조적인 이유가 있습니다. Claude Design은 Figma 고유의 파일 포맷이 아니라 HTML과 JS를 기반으로 작동합니다. LLM은 Figma 프리미티브가 아닌 코드로 훈련됐고, 따라서 코드 기반 디자인 도구는 에이전트와 자연스럽게 연결됩니다. 디자인 파일을 코드로 다시 옮기는 번역 단계 없이, 만들어진 결과물이 곧 구현 가능한 코드가 됩니다.

누구를 위한 도구인가

Anthropic은 두 종류의 사용자를 명확하게 겨냥합니다.

첫째는 디자이너입니다. 일반적으로 방향성을 탐색할 때 시간 제약 때문에 2~3개 시안만 만들게 됩니다. Claude Design은 그 탐색 비용을 낮춰 더 많은 방향을 빠르게 시도할 수 있게 합니다.

둘째는 디자인 배경이 없는 PM, 창업자, 마케터입니다. 아이디어를 설명하면 공유 가능한 시각 결과물이 나오고, 그걸 디자이너나 개발자에게 넘길 수 있습니다. 발표 자료, 랜딩 페이지, 소셜 콘텐츠 모두 대상입니다.

디자인 도구의 무게중심 이동

디자이너 Sam Henri Gold는 Claude Design이 함의하는 더 큰 그림을 짚습니다. 지금까지 Figma는 디자인의 ‘진실의 원천(source of truth)’이었습니다. 그런데 Figma가 고유 파일 포맷을 고수한 결과, LLM 훈련 데이터에서 자신을 배제했습니다. 모델들은 HTML과 CSS는 배웠지만 Figma 프리미티브는 배우지 못했죠.

반면 코드 기반의 Claude Design은 에이전트와 자연스럽게 연결되고, 그 결과 디자인의 무게중심이 Figma 파일에서 코드로 이동하는 흐름을 가속할 수 있습니다. 물론 Claude Design은 아직 리서치 프리뷰 단계입니다. 거친 부분도 있고, Figma가 수년간 쌓아온 협업 기능이나 정밀한 편집 기능을 대체하기엔 이릅니다. 하지만 디자인과 구현 사이의 마찰을 어떤 방식으로 줄여가는지, 그 방향성은 분명합니다.

자세한 작동 방식과 팀 활용 사례는 공식 발표에서 확인할 수 있습니다.

참고자료:

• Anthropic launches Claude Design, a new product for creating quick visuals – TechCrunch
• Thoughts and Feelings around Claude Design – Sam Henri Gold