회의에서 기능 디자인에 대해 이야기할 때마다, 병목은 아이디어가 아니다—바로 “내 머릿속에 있는 것"을 “다른 사람들이 이해할 수 있는 것"으로 변환하는 그 단계가 문제다.

PM은 마음속에 비전이 있다고 말한다. 디자이너는 알겠으니 이틀 후에 드래프트를 준다.往返 수정을 주고받다가, 또 이틀 뒤. 엔지니어에게 닿을 때에는 버전이 이미 원래 직관과는 몇 층이나 떨어진 상태가 되어 있다.

Anthropic은 그elat friction을 아예 없애버리기로 했다.

4월 17일, Claude Design을 출시했다—Claude와 대화하면서 직접 디자인 목업을 만들 수 있는 도구다.

이 도구가 해결하는 문제

Claude Design은 Anthropic Labs의 신제품으로, 최신 비전 모델 Claude Opus 4.7을 기반으로 하며, 현재 Pro, Max, Team, 구독자를 위한 연구 프리뷰로 제공된다.

다음과 같은 것을 만들 수 있다:

  • 인터랙티브 프로토타입: 정적인 목업을 클릭 가능하고 공유 가능한 프로토타입으로 변환—코드 작성 없이, 엔지니어 대기 없이
  • 프로덕트 와이어프레임: PM이 기능 플로우를 설계하고 그대로 Claude Code나 디자이너에게 전달
  • pitch deck: 아웃라인에서 전체 프레젠테이션까지—PPTX로 내보내거나 Canva로 바로 전송
  • 마케팅 에셋: 랜딩 페이지, 소셜 비주얼, 이벤트 그래픽
  • 프론티어 디자인: 오디오, 3D 이펙트, 셰이더를 활용한 고급 인터랙티브 디자인

완료되면 조직 내에서 링크를 공유하거나, Canva, PDF, PPTX, 독립형 HTML로 내보낼 수 있다.

핵심 기능은 “Claude Code에 넘기기”: 디자인이 승인되면, 한 번의 명령어로 전체 디자인을 핸드오버 번들로 패키징하고, Claude Code가 이를 가져와서 바로 구현을 시작한다. 아이디어에서 프로덕션 코드까지—모두 Anthropic 생태계 내에서闭环된다.

작동 방식

워크플로우는 실제 창작 대화처럼 느껴지도록 설계되었다.

1단계: 브랜드 시스템 설정. 첫 사용 시, Claude가 코드베이스와 디자인 파일을 읽고, 색상, 폰트, 컴포넌트를 자동으로 추출하여 디자인 시스템을 구축한다. 이후 모든 새 프로젝트에 자동으로 적용—일관된 스타일 보장. 시스템은 지속적으로 조정할 수 있고, 팀은 여러 시스템을 유지할 수 있다.

2단계: 자료 가져오기. 텍스트 설명에서 시작하거나, 이미지, Word 문서, PowerPoint, Excel을 업로드하거나, 코드베이스를 직접 지정할 수 있다. 기존 사이트에서 요소를 가져오는 “웹 스크래퍼 도구"도 있어, 프로토타입이 바로 실제 프로덕트처럼 보인다.

3단계: 세부 조정. 목업에 직접 임베디드 코멘트를 남기거나, 텍스트를 수동 편집하거나, 간격과 색상에 대한 자동 생성된 조정 슬라이더를 사용하거나, Claude와 계속 대화하여 배치 변경을 적용할 수 있다.

4단계: 협업. 목업은 비공개, 조직 공개, 또는 편집 가능으로 설정할 수 있다. 동료들이 대화에 참여하여 Claude와 함께 수정 방향을 논의할 수 있다.

실제 사용 케이스: 숫자가 말해준다

Anthropic은 몇몇 초기 파트너의 피드백을 공유했다.

Brilliant(인터랙티브 교육 플랫폼)는 가장 복잡한 페이지—다른 도구에서는 20개 이상의 프롬프트가 필요했을—가 Claude Design에서는 단 2개의 프롬프트만 필요했다고 밝혔다. 정적인 목업을 사용자 테스트용 인터랙티브 프로토타입으로 변환, 코드 리뷰나 PR 머지 없이.

Datadog(클라우드 모니터링 플랫폼)은 큰 아이디어에서 프레젠테이션 가능한 프로토타입까지—예전에는 요구사항 문서, 목업, 리뷰往返에整整一周이 걸렸다고 말했다. 이제 한 회의로 해결된다.

이것은 더 부드러운 사용자 경험 문제가 아니라—전체 워크플로우의 구조적 압축이다.

Figma의 압박이 다가온다

도구 출시에는 은근한 타이밍이 있다.

Anthropic의 Chief Product Officer Mike Krieger가 Claude Design 출시 3일 전(4월 14일)에 Figma 이사회 자리에서 사임했다. 같은 날, The Information은 Anthropic이 Figma의 핵심 비즈니스와 직접 경쟁할 디자인 도구를 구축 중이라는 보도를 했다.

Anthropic의 공식 입장은 “互补而非 대체”—Canva로의 내보내기, 다양한 포맷 지원, 다른 도구에 대한 MCP 환영 등을 강조했다.

하지만 시장은 다르게 읽는다.

Figma의 UI/UX 디자인 도구 시장 점유율은 대략 80~90%다. 그들의 프로덕트는 훈련된 디자이너를 기본 사용자로 가정한다. Claude Design의 목표는 디자이너가 아니다—PM, 창업자, 마케터—이전에는 Figma에 손도 대지 않았을 사람들이다.

그것이 진정한 경쟁이다. 디자이너의 도구를 더 좋게 만드는 것이 아니라, 비디자이너가 디자인 워크플로우에 직접 진입하게 하는 것. 디자인에 대한 장벽은 사라졌다. 영향을 받는 것은 전체 디자인 서비스 생태계다.

비용, 데이터 보안, 현재 제한 사항

비용: 기존 유료 플랜에 포함—추가 비용 없음, 구독 할당량을 사용한다. 한도를 초과하면 추가 사용량을 활성화할 수 있다. Enterprise 플랜은 기본적으로 비활성화—관리자가 켜할지 결정한다.

데이터 보안: Claude는 디자인 시스템의 설명만 저장하고, 원본 코드나 디자인 파일은 저장하지 않는다. 로컬 코드베이스가 Anthropic 서버에 업로드되지 않는다. Anthropic은 이 데이터를 모델 훈련에 사용하지 않을 것을 명시적으로 밝혔다.

현재 제한 사항: 아직 연구 프리뷰 상태. 디자인 시스템 가져오기는 깔끔한 코드베이스에서 가장 잘 작동한다. 협업은 완전한 실시간 멀티유저 편집이 아니다—UX에 거친 부분이 있다. Anthropic은 GA 타임라인을 제공하지 않았으며, 사용자 피드백에 따라 결정할 것이라고 밝혔다.

Claude Opus 4.7의 비전 기능

Claude Design은 Claude Opus 4.7에서도 출시되었다. 비전 측면에서, 이 모델은 긴 변 기준으로 최대 2576 픽셀(~375만 픽셀)—이전 세대의 3배 이상 解像도. XBOW의 자율 침투 테스트 비전 정확도 벤치마크에서, Opus 4.7은 **98.5%**를 기록했고, Opus 4.6은 54.5%였다.

이 기능 강화는 Claude Design의 출력 품질에直接影响—특히 디자인 스크린샷이나 기존 페이지 스크린샷을参考资料로 업로드할 때, 모델이 더 정확하게 읽을 수 있다.

내 생각

나는 항상 은밀한 장벽을 느꼈다: 머릿속에 UI 아이디어는 있는데, 사람들이 보고 논의할 수 있는 것으로 변환—“논의할 것"이 있다는 단계가 너무 느리다. Figma에 익숙하지 않고, 디자인 도구를 처음부터 배우는コスト는 단기간에正当화하기 어렵다.

Claude Design이 약속한 것을 이행한다면, 나 같은 사람에게影響은 직접적이다. 특히 AI 제품 기획, 기능 스펙 작성, 에이전트 워크플로우 스케치—“논의할 것"이 훨씬 쉬워진다.

하지만 지금은 연구 프리뷰다. 그렇게 사용하고, GA를 기다리자.

Claude Design은 이제 claude.ai/design에서 테스트 가능하며, Claude Pro 플랜 이상이 필요하다.