01핵심 개요
| 항목 | 내용 |
|---|---|
| 비교 대상 | Google Stitch(stitch.withgoogle.com) vs Claude Design(claude.ai/design) |
| 공통점 | 텍스트 프롬프트로 모바일/웹 UI 디자인 생성, 무료 시작 가능 |
| 테스트 방식 | 동일 프롬프트를 양쪽에 입력, 기본 설정 유지하고 결과 비교 |
| 과제 3종 | ① AI 영상편집 랜딩(Lumix) ② 여행 플래너(Odyssey) ③ 금융 포트폴리오 대시보드 |
| 결론 | 3개 과제 모두 Claude Design 우세(전문성·인터랙티브·애니메이션) |
02사용 방식 차이
| 항목 | Google Stitch | Claude Design |
|---|---|---|
| 진입 | stitch.withgoogle.com, 구글 계정 | claude.ai/design, Claude 계정 |
| 입력 | 프롬프트+웹/앱 선택, 참조 스크린샷·URL, 모델·컬러팔레트 선택 | 프롬프트+템플릿(슬라이드·프로토타입·와이어프레임·문서·애니메이션) |
| 모델 | 3 Flash, 3.1 Pro(Thinking) 등 | Opus 4.8(최상), Fable 5는 현재 비활성 |
| 특이점 | 빠른 생성 | 방향이 불확실하면 사용자에게 역질문(딜리버러블·플랫폼·미감) |
03과제별 결과
랜딩페이지(Lumix)에서 Claude Design은 색 조합·레이아웃이 전문적이고 샘플 비디오 에디터 UI 등 디테일이 좋았던 반면, Stitch는 색·텍스트·레이아웃 모두 완성도가 낮아 발표자가 "별로"라고 평가. 여행 플래너(Odyssey)에서 Claude는 인터랙티브 프로토타입(검색·카드·상세뷰·AI 챗·지도·예산 등 다수 페이지)을 만들었으나 '전형적 AI 느낌(gradient·AI slop)'이 있었고, Stitch는 3개 페이지 정도로 무난했다. 금융 대시보드에서도 Claude의 차트·그래프·폰트·컬러·서브틀 그라데이션과 인터랙션(holdings·transactions·watchlist 등)이 우세, Stitch는 평균 수준.
04Claude Design의 강점
방향이 불확실할 때 사용자에게 입력을 묻는 역질문 UX, 애니메이션을 랜딩에 포함하는 능력, 인터랙티브 프로토타입 생성이 차별점. 발표자는 사전에 같은 프롬프트 4회를 돌렸을 때도 거의 모든 경우 Claude 결과가 우수했다고 밝힘. 다만 'AI slop'스러운 과한 그라데이션은 후편집으로 다듬을 여지.
05결론·전망
현시점 UI 생성은 Claude Design 우세. 단 발표자는 구글 Gemini 3.5 Pro가 나오면 Stitch가 개선될 여지가 있다고 단서를 달았다. 무거운 애니메이션·인터랙티브 프로토타입이 필요하면 Claude Design이 분명한 선택지.
06용어 사전
| 용어 | 한줄 설명 | 비유/예시 |
|---|---|---|
| Claude Design | 프롬프트로 UI·프로토타입을 생성하는 Anthropic 도구 | 말하면 화면을 그려주는 디자이너 |
| Google Stitch | 구글의 프롬프트 기반 UI 생성 도구 | 구글판 AI UI 생성기 |
| 프로토타입 | 클릭·이동이 되는 동작 시안 | 진짜처럼 눌러보는 모형 |
| 와이어프레임 | 화면 구조를 잡는 뼈대 시안 | 건물 골조 도면 |
| AI slop | 티 나는 전형적 AI 결과물(과한 그라데이션 등) | AI가 만든 티 나는 느낌 |
| 디자인 시스템 | 색·폰트·컴포넌트 규칙 묶음 | 브랜드 디자인 규격집 |