---
title: "Anthropic, 대화로 디자인 뽑는 'Claude Design' 공개 — Figma 정조준"
published: 2026-04-17T15:04:09.000Z
canonical: https://jeff.news/article/1770
---
# Anthropic, 대화로 디자인 뽑는 'Claude Design' 공개 — Figma 정조준

Anthropic이 Claude Opus 4.7 비전 모델 기반의 Claude Design을 리서치 프리뷰로 출시했다. 대화, 인라인 코멘트, 직접 편집으로 디자인/프로토타입/슬라이드/랜딩페이지를 만들고, 코드베이스에서 추출한 팀 디자인 시스템을 자동 적용한 뒤 Claude Code로 바로 핸드오프할 수 있다.

- Anthropic이 Claude Design을 공개함 — 대화하면서 디자인, 프로토타입, 슬라이드, 원페이저 같은 비주얼 작업을 뽑아낼 수 있는 Anthropic Labs 제품
  - Claude Opus 4.7 비전 모델 기반이고, 현재 리서치 프리뷰 단계
  - Pro, Max, Team, Enterprise 구독자에게 점진적으로 롤아웃
  - Enterprise는 기본 꺼져있고 Admin이 조직 설정에서 켜야 함

### 왜 이걸 만들었는가

- 경험 많은 디자이너도 탐색을 "배급"해야 하는 게 현실 — 12개 방향을 다 프로토타이핑할 시간이 없어서 몇 개로 좁혀버림
  - 반대로 아이디어는 있는데 디자인 백그라운드가 없는 창업자, PM, 마케터는 시각화 자체가 벽
- Claude가 첫 버전을 만들어주면 거기서부터 대화, 인라인 코멘트, 직접 수정, 커스텀 슬라이더(Claude가 만들어줌)로 다듬는 흐름

### 실제로 팀들이 쓰고 있는 용도

- 정적 목업을 공유 가능한 인터랙티브 프로토타입으로 변환 — 코드 리뷰/PR 없이 바로 유저 테스트
- PM이 피처 플로우를 스케치 → Claude Code에 넘겨서 구현, 또는 디자이너에게 전달해 다듬기
- 러프 아웃라인으로 시작해 몇 분만에 브랜드 톤이 맞는 피치덱 완성 후 PPTX 익스포트하거나 Canva로 전송
- 랜딩 페이지, SNS 에셋, 캠페인 비주얼 제작
- voice, video, shaders, 3D, 내장 AI 포함한 코드 기반 프로토타입 — "프론티어 디자인"이라고 부름

### 자동 브랜드 적용이 킬러 기능

- 온보딩 때 Claude가 팀 코드베이스와 디자인 파일을 읽고 **디자인 시스템을 자동으로 구축**
  - 이후 모든 프로젝트가 팀 컬러, 타이포그래피, 컴포넌트를 자동 사용
  - 한 팀이 여러 디자인 시스템을 유지할 수도 있음
- 접근 권한 주면 모든 프로젝트에 팀 디자인 시스템을 자동 적용 — 아웃풋이 회사 기존 디자인과 일관성 유지

### 인풋/아웃풋 경로가 다양함

- 텍스트 프롬프트, 이미지, DOCX/PPTX/XLSX 문서 업로드, 코드베이스 연결 다 지원
- **웹 캡처 툴**로 자기 웹사이트에서 엘리먼트를 직접 긁어올 수 있음 — 프로토타입이 실제 프로덕트처럼 보이게 하려는 의도
- 익스포트는 조직 내부 URL, 폴더 저장, Canva/PDF/PPTX/standalone HTML 다 가능
- 디자인 완성되면 Claude Code로 넘길 수 있는 "핸드오프 번들"로 패키징 — 한 번의 지시로 구현 단계 진입

### 협업 방식

- 조직 범위 공유 — 비공개, 조직 내 링크 보유자 열람, 편집 권한 부여 중 선택
- 편집 권한 받은 동료는 Claude와 그룹 대화하면서 같이 수정 가능
- 인라인 코멘트, 직접 텍스트 편집, 간격/컬러/레이아웃 실시간 조정 노브 제공
- 수정 내용을 전체 디자인에 한 번에 적용하도록 Claude에게 요청 가능

> [!IMPORTANT]
> Figma/Canva/Adobe Express 같은 툴과 직접 경쟁하는 포지션. 특히 "코드베이스를 읽어서 디자인 시스템을 추출" + "Claude Code로 핸드오프"까지 이어지는 end-to-end 워크플로가 차별점

- 몇 주 안에 외부 툴 인티그레이션을 더 쉽게 만들 예정 — 팀이 이미 쓰는 툴들과 연결하는 방향

---

## 기술 맥락

Anthropic이 "Labs"라는 이름으로 코어 챗봇 외의 **세로 특화 제품**을 계속 붙이고 있는 흐름이에요. Claude Code(개발자), Claude Design(디자이너/PM) 이런 식으로 역할별로 쪼개는 거죠. 그냥 대화창에 "피치덱 만들어줘" 하는 거랑 다르게 디자인 시스템, 인라인 코멘트, 조직 권한 같은 워크플로 도구를 붙였다는 게 포인트예요.

"코드베이스에서 디자인 시스템 추출"이 흥미로워요. 기존 Figma의 디자인 토큰을 수동으로 동기화하던 방식 대신, Claude가 이미 배포된 코드를 읽어서 실제 사용 중인 컬러/타이포/컴포넌트를 역으로 추출해요. 디자인-코드 드리프트 문제를 AI가 읽기 단계에서 해결하려는 접근이거든요.

Claude Code로의 핸드오프 번들도 의미가 커요. 디자인 → 구현 사이의 전통적인 단절(디자이너가 Figma에서 넘기면 개발자가 다시 구현)을 Anthropic 생태계 안에서 닫아버리려는 거예요. Figma Dev Mode가 풀려던 문제를 자사 툴 체인으로 묶는 셈이죠.

Opus 4.7 비전 모델을 쓴다는 것도 의미가 있어요. 텍스트 LLM이 아니라 멀티모달 비전 모델이 디자인 생성의 핵심이라는 건, 이미지 이해 + 레이아웃 생성 능력이 실용 수준에 올라왔다는 신호거든요. voice, video, shaders, 3D까지 프로토타이핑 대상에 넣은 것도 이 모델 성능 자신감의 표현이에요.

## 핵심 포인트

- Claude Opus 4.7 비전 모델 기반, Pro/Max/Team/Enterprise 구독자 대상 리서치 프리뷰
- 온보딩 시 코드베이스와 디자인 파일을 읽어 팀 디자인 시스템을 자동 구축
- 웹 캡처 툴로 자사 웹사이트 엘리먼트를 그대로 프로토타입에 끌어올 수 있음
- PPTX/PDF/Canva/HTML 익스포트 + Claude Code로 핸드오프 번들 전송 지원
- 조직 범위 공유, 편집 권한 부여 시 Claude와 그룹 대화하며 공동 편집 가능

## 인사이트

Figma·Canva 같은 디자인 툴과 정면 경쟁하는 포지션. 특히 코드베이스에서 디자인 시스템을 역추출해 자동 적용하고, Claude Code로 구현까지 이어지는 end-to-end 워크플로는 Anthropic 생태계를 묶는 전략적 수로 보인다.