Anthropic이 Claude Design을 업데이트했습니다. 이번 변화의 핵심은 단순히 더 예쁜 화면을 만들어주는 것이 아닙니다. 팀의 디자인 시스템을 이해하고, 실제 코드와 연결되며, 디자이너가 캔버스 위에서 직접 결과물을 다듬을 수 있게 된 점입니다.
Claude Design은 지난 4월 공개된 Anthropic Labs의 실험적 제품입니다. 사용자가 만들고 싶은 화면, 프로토타입, 슬라이드, 마케팅 자료 등을 말로 설명하면 Claude가 시각 결과물을 만들어주는 방식입니다. 초기 버전이 “대화형 디자인 생성 도구”에 가까웠다면, 이번 업데이트는 “실무 디자인 워크플로에 들어가는 도구”에 더 가까워졌습니다.
가장 큰 변화는 디자인 시스템 연동입니다. 이제 Claude Design은 GitHub 저장소, 디자인 파일, 업로드한 자료 등에서 하나 이상의 디자인 시스템을 가져올 수 있습니다. Claude는 이를 바탕으로 색상, 타이포그래피, 컴포넌트, 레이아웃 규칙을 반영해 결과물을 만듭니다. 단순히 비슷한 분위기를 흉내 내는 것이 아니라, 팀이 실제로 쓰는 컴포넌트와 규칙에 맞춰 결과물을 점검하고 수정하는 방향입니다.
Claude Code와의 연결도 강화됐습니다. /design-sync 명령을 통해 기존 디자인 시스템을 Claude Design으로 가져오고, 완성된 디자인은 Claude Code로 넘겨 실제 구현 흐름으로 이어갈 수 있습니다. 반대로 Claude Code에서 /design 명령으로 디자인 프로젝트를 만들거나 수정하는 것도 가능합니다. 이는 디자인과 개발 사이의 핸드오프를 이미지 캡처나 설명 문서 중심에서, 더 연결된 작업 흐름으로 바꾸려는 시도입니다.
편집 경험도 개선됐습니다. 새 에디터는 캔버스 위에서 요소를 직접 드래그하고, 크기를 조정하고, 정렬할 수 있게 합니다. 이전의 AI 디자인 도구가 “프롬프트를 다시 입력해 결과를 기다리는 방식”에 머물렀다면, Claude Design은 대화와 직접 조작을 함께 사용하는 방향으로 이동하고 있습니다. 디자이너에게 중요한 미세한 간격, 정렬, 배치 조정이 조금 더 현실적인 방식으로 가능해진 것입니다.
외부 도구 연결도 넓어졌습니다. Claude Design은 PDF와 PowerPoint 내보내기를 지원하고, Adobe, Canva, Gamma, Miro, Replit, Vercel, Wix, Lovable 등 여러 제작·협업·개발 도구와 연결됩니다. Anthropic은 Claude Design을 하나의 완결된 디자인 툴로만 두기보다, 아이디어가 시작되는 곳과 결과물이 완성되는 곳 사이를 잇는 허브로 확장하고 있습니다.
더 보기 및 출처
