AI/AI 최신 동향

Claude Design 써봤어요 - Figma 주가 떨어뜨린 AI 디자인 툴, 디자이너 없이 프로토타입 만드는 법

obangti 2026. 4. 23. 22:41

안녕하세요, 현직쌤입니다.

충격적인 소식부터 전할게요.

Figma 주가가 트윗 하나에 7% 빠졌어요.

2026년 4월 17일 Anthropic이 Claude Design을 공개했는데, 이게 디자인 업계를 통째로 흔들고 있어요. "디자이너 없이 프로토타입 만드는 AI"가 드디어 쓸 만해진 거죠.

저도 직접 써봤는데, 진짜 놀랐습니다. 블로그 썸네일, 발표 자료, 랜딩 페이지까지 말 한 마디로 다 나와요. 근데 한국어 정보가 거의 없어서 제가 직접 정리했습니다. 공식 블로그 + 스레드·X 후기 + 실사용 경험 믹스해서요.

Claude Design

🔥 먼저 이 숫자 보세요

출시 당일 Figma 주가
-7% 폭락 📉
트윗 하나로 수억 달러 증발
교육 플랫폼 Brilliant 실제 사례
20프롬프트 → 2프롬프트
10배 빨라졌어요

이게 그냥 "AI 디자인 도구 하나 더 나왔어요" 수준이 아니에요.

디자인 업계 판도 자체가 흔들리고 있습니다.


📌 한눈에 보는 Claude Design

항목 내용
출시일 2026년 4월 17일
엔진 모델 Claude Opus 4.7
접속 주소 claude.ai/design
이용 가능 Pro, Max, Team, Enterprise (무료 ❌)
단계 연구 프리뷰 (Research Preview)
만든 팀 Anthropic Labs
⚠️ 중요
무료 플랜은 이용 불가! Pro 이상 구독자만 사용 가능합니다. 대신 기존 Claude 사용량과 별개로 계산돼요.

1️⃣ Claude Design이 뭐냐면

디자인 작업

한 줄 정의부터 드릴게요.

"대화 한 번으로 프로토타입·슬라이드·랜딩페이지가 나오는 AI 디자인 툴"

인터페이스 구조

왼쪽은 채팅창, 오른쪽은 캔버스예요.

채팅에 "차분한 분위기의 명상 앱 목업 만들어줘" 한 줄 쓰면, Claude가 오른쪽 캔버스에 바로 그려줍니다.

그다음부터는 대화로 계속 다듬어가요:

  • "색상 좀 더 어둡게"
  • "폰트 크기 줄여줘"
  • "다크모드 토글 추가"

🎨 만들 수 있는 것들

📱 모바일 앱 목업 🖥️ 웹사이트 랜딩페이지 📊 발표 슬라이드 📄 원페이지 제안서 🎯 인터랙티브 프로토타입 📋 설문 폼

블로그 썸네일, 교사 수업 자료, 발표 슬라이드까지 다 해결됩니다.


2️⃣ 기존 도구랑 뭐가 다른데?

도구 비교

SVG로 한눈에 비교

도구별 포지셔닝 비교Figma정교한 편집팀 협업픽셀 단위1 → 10 정교화Canva대규모 템플릿일반인용템플릿 조합템플릿 → 편집Claude Design대화 → 결과물0부터 생성속도 최강0 → 1 초안 🏆Claude Design은 "초안 생성" 강자

💡 중요한 포인트

Anthropic은 Figma나 Canva를 대체재가 아닌 보완재로 공식 포지셔닝했어요.

실제 권장 워크플로우:

💬 Claude Design (초안 생성)
    ↓
🎨 Canva / Figma (정교화·협업)
    ↓
💻 Claude Code (제품 구현)

실제 Canva CEO Melanie Perkins도 "AI 우선 디자인 워크플로의 자연스러운 진화" 라고 공식 입장 밝혔어요. 원클릭으로 Canva 내보내기도 지원합니다.


3️⃣ 진짜 써본 사용자 후기 3가지

실사용 후기

📚 사례 1: Brilliant (교육 플랫폼)

"기존 도구에서 20개 이상의 프롬프트가 필요했던 작업을
Claude Design에서는 2번의 프롬프트로 끝냈다."
— Brilliant 팀, Anthropic 공식 사례

📊 사례 2: Datadog (개발자 플랫폼)

"브리프·목업·리뷰로 일주일씩 걸리던 사이클이
한 번의 대화로 줄었다."
— Datadog 제품팀

🎬 사례 3: 개인 개발자

"Claude로 12번의 프롬프트만에 이 비디오 만들었어요."
— Pierre-Eliott Lallemant (X, 2026년 4월 17일)

4️⃣ 핵심 기능 7가지 요약

기능 소개

① 브랜드 디자인 시스템 자동 적용

색상·로고·폰트·톤 가이드를 한 번만 업로드하면, 이후 모든 생성물에 자동 적용돼요. "우리 브랜드답게" 같은 모호한 주문도 일관되게 출력됩니다.

② GitHub 코드베이스 연결

GitHub 저장소를 연결하면 실제 제품의 디자인 토큰·컴포넌트 구조를 읽어서, UI 콘텐츠를 지금 출시된 제품과 똑같은 시각 언어로 만들어줍니다.

③ 웹 캡처 도구

현재 웹사이트의 UI 요소를 라이브로 가져와서 프로토타입에 반영 가능. 실제 제품과 똑같이 보이게 만들 수 있어요.

④ 다양한 입력 방식

  • 텍스트 프롬프트
  • 이미지 업로드
  • DOCX, PPTX, XLSX 문서 업로드
  • 웹사이트 URL 캡처

⑤ 인터랙티브 프로토타입

정적 목업이 아니라 실제로 클릭되고 작동하는 프로토타입이 나와요. 사용자 테스트 바로 가능.

⑥ 다양한 포맷 내보내기

📄 PDF 🔗 공유 URL 📊 PPTX 🎨 Canva 직송

⑦ Claude Code 핸드오프

디자인 완성 → Claude Code로 바로 전달 → 실제 동작 코드 생성. 같은 AI가 디자인 의도를 그대로 이해하고 있어서 손실 없는 전달이 가능합니다.

💡 업계 핵심 포인트
기존에는 Figma → Zeplin → 개발자 거치며 의도가 계속 손실됐어요. Claude Design은 같은 모델이 디자인+코드를 다 이해하기 때문에 디자인→코드 손실률 제로에 가까워요.

5️⃣ 누가 써야 할까?

체크리스트

✅ 지금 당장 써보세요

이런 분들은 게임체인저!
  • 스타트업 창업자 - 디자이너 채용 전 투자자·고객 미팅 자료 빠르게
  • 프로덕트 매니저 - 스펙 문서 시각화, 스테이크홀더 설명용
  • 마케터 - 블로그·SNS·광고 이미지 세트 일관된 톤으로
  • 1인 기업·프리랜서 - 전용 디자이너 없이 브랜드 자산 유지
  • 교사·강사 - 수업 슬라이드, 워크시트, 학습 자료
  • 블로거 - 썸네일, 인포그래픽, 광고 배너

⚠️ 이런 분은 보조로만 쓰세요

현직 디자이너는 이렇게 활용
  • 와이드 앵글 탐색에 사용 (10가지 방향 빠르게 생성)
  • 최종 정교화는 Figma에서
  • Claude Design은 "아이디어 → 초안" 단축기

6️⃣ 한국어 사용할 때 주의사항

한글 사용
🚨 한글 사용자 꼭 읽으세요
Claude Opus 4.7은 한국어 프롬프트도 지원하지만, 디자인 프리셋과 폰트 품질은 영문 기준으로 튜닝되어 있어요.

해결 방법

  1. 프롬프트: 한국어로 써도 OK
  2. 폰트: 한글 폰트 별도 지정 ("나눔고딕 사용해줘" 이런 식)
  3. 타이포그래피 중요한 디자인은 완성 후 Figma/Canva에서 마무리

저도 처음 썼을 때 한글 폰트가 어색해서 당황했는데, Pretendard, 나눔고딕, 본고딕 같은 폰트를 명시적으로 지정하니까 해결됐어요.


7️⃣ 현재 한계점 (솔직하게)

주의사항

연구 프리뷰 단계라 완벽하진 않아요. 솔직하게 알려드릴게요:

⚠️ 알려진 이슈

  • 인라인 댓글이 가끔 사라짐 → 해결: 댓글 텍스트 채팅에 붙여넣기
  • 컴팩트 보기에서 저장 오류 → 해결: 전체 보기로 전환
  • 대규모 코드베이스 연결 시 지연 → 해결: 모노레포 전체 말고 특정 하위 디렉터리만 연결

🎯 포지션

Figma 대체재가 아니에요. "0→1 초안 생성" 시장을 치고 들어간 거지, "1→10 정교화" 시장은 아닙니다.

그래서 Figma는 망하지 않을 거예요. Canva 템플릿 시장이 더 직접적인 타격을 받을 가능성이 높다고 업계에서 보고 있어요.


💰 가격과 시작 방법

가격

요금제 정리

Claude Design 플랜별 이용 가능Free$0❌이용 불가Pro ⭐$20/월✅가성비 1위개인 추천Max$100+/월✅헤비 유저용Team/Enterprise✅기업용(관리자 활성화)

시작 방법 (3단계)

1️⃣
claude.ai 접속
Pro 이상 구독 확인
2️⃣
왼쪽 팔레트 아이콘
또는 /design 입력
3️⃣
원하는 거 말하기
한국어 OK

📝 핵심 5가지 요약

  1. 2026년 4월 17일 출시 - Anthropic Labs 연구 프리뷰
  2. Opus 4.7 기반 - 텍스트→프로토타입, 슬라이드, 랜딩페이지 생성
  3. Pro 이상 구독자만 이용 가능 (무료 ❌)
  4. Figma 대체 아닌 "0→1 초안 생성" 시장 공략 (Canva에 더 큰 위협)
  5. Claude Code 연동으로 디자인→코드 끊김 없이 이어짐

🚨 결론: 업계 판이 바뀌는 중

디자이너 없이 프로토타입 가능한 시대
"아이디어 → 디자인" 사이 시간이 0에 수렴
👉 이미 써본 사람과 안 써본 사람 격차 벌어짐

🔗 관련 링크


다음 글 예고:

"현직 영어교사가 Claude Design으로 만든 수업 자료 공개"

진짜 실제로 수업에 쓴 자료들, 만드는 과정 그대로 공개할게요.

궁금한 거 있으면 댓글로 남겨주세요!

현직쌤 드림 🙌