1.1 Google Stitch란?

Google Stitch란?

AI로 UI를 만드는 Google의 크리에이터 플랫폼. Gemini 모델 위에서 동작하는 UI 디자인 생성 앱이다. 업데이트: 2026-03-24

---

핵심 요약

구분	내용
📖 정의	텍스트·이미지·음성 입력으로 고충실도 UI 디자인과 프론트엔드 코드를 생성하는 AI 플랫폼
💡 핵심	Stitch는 인터페이스(앱), Gemini 2.5 Pro/Flash는 내부 생성 모델
🎯 대상	디자이너, 개발자, 비기술 창업자, 프로토타입이 필요한 모든 사람
📅 출시	2025년 5월 20일 Google I/O에서 공식 발표
⚠️ 주의	Google Labs 실험 프로젝트 (서비스 변경 가능성 존재)

---

목차

1. Stitch와 Gemini의 관계
2. 주요 기능
3. 경쟁 도구 비교
4. 핵심 타임라인

---

1. Stitch와 Gemini의 관계

Google Stitch는 앱(인터페이스)이고, Gemini는 실제 UI를 생성하는 AI 모델이다. 사용자는 Stitch를 통해 Gemini의 멀티모달 능력을 활용한다.

flowchart TD
    A[사용자] --> B[Google Stitch\nUI · 편집 · 관리]
    B --> C1[Gemini 2.5 Flash\nStandard 모드]
    B --> C2[Gemini 2.5 Pro\nExperimental 모드]
    C1 --> D[UI 디자인 + 코드 출력]
    C2 --> D

구성 요소	역할
Google Stitch	UI 디자인 워크플로우 앱 (캔버스, 채팅, Voice Canvas)
Gemini 2.5 Flash	Standard 모드 생성 모델 (월 350회)
Gemini 2.5 Pro	Experimental 모드 생성 모델 (월 200회, 고품질)

모드별 핵심 차이

모드	기반 모델	월 생성 한도	특징
Standard	Gemini 2.5 Flash	350회	빠른 속도, 일반 품질
Experimental	Gemini 2.5 Pro	200회	고품질, 복잡한 레이아웃

---

2. 주요 기능

기능	설명	출시 시기
Text to UI	텍스트 프롬프트만으로 멀티스크린 UI 레이아웃 생성	2025-05
Image to UI	스케치·와이어프레임·스크린샷으로 편집 가능한 UI 생성	2025-05
URL to UI	공개 웹사이트 URL에서 색상·타이포그래피·컴포넌트 스타일 자동 추출	2025년 하반기
Voice Canvas	음성 명령으로 실시간 UI 수정, AI가 디자인 목표 역인터뷰	2026-03
Vibe Design	감정·분위기 기반 프롬프트로 디자인 시스템 자동 제안	2026-03
무한 캔버스	다중 화면을 하나의 무한 캔버스에서 관리	2026-03
코드 내보내기	HTML/CSS, Tailwind, React, Flutter 코드 출력	2025-12
Figma 내보내기	Auto Layout 포함 Figma 파일로 직접 내보내기	2025년 하반기
Firebase 통합	AI Studio 경유 Firebase 프로젝트 자동 프로비저닝	2026-03
MCP 서버	Claude Code, Cursor, Gemini CLI 등 외부 에이전트 연결	2026-03
DESIGN.md	에이전트 친화적 마크다운으로 디자인 규칙 문서화·공유	2026-03

---

3. 경쟁 도구 비교

항목	Google Stitch	v0 (Vercel)	Lovable	Bolt (StackBlitz)	Figma Make
가격	무료 (월 350회)	$5/월~	$25/월~	$20$200/월	$10$100/월
음성 입력	O (Voice Canvas)	X	X	X	X
이미지 입력	O	제한적	X	X	X
코드 품질	높음	매우 높음	중간	높음	매우 높음
Figma 내보내기	O	X	X	X	O
풀스택 지원	Firebase 경유	Vercel 경유	O	O	X
Google 생태계 통합	O	X	X	X	X
최적 대상	디자이너·기획자·창업자	React 개발자	비개발자 창업자	속도 우선 개발자	전문 디자이너

도구 선택 기준:

목적	추천 도구
무료 + 빠른 프로토타입 + Google 생태계	Google Stitch
프로덕션급 React 컴포넌트	v0 (Vercel)
코딩 없이 풀스택 앱 배포	Lovable
빠른 실험·프레임워크 다양성	Bolt
기존 Figma 워크플로우 유지	Figma Make

---

4. 핵심 타임라인

날짜	이벤트
2025-05-20	Google I/O 2025에서 Stitch 공식 발표
2025-05-22	공개 접근 시작 (Google 계정만으로 접속 가능)
2025-12-15	HTML/CSS/React 코드 내보내기 정식 지원
2026-03-18	대규모 업데이트: Vibe Design, Voice Canvas, 무한 캔버스, MCP 서버, DESIGN.md
2026-03	Google AI Studio + Firebase 통합 발표

---

문서 탐색

이전	다음
—	1.2 사용 환경 설정

---

참고 자료

• Google Developers Blog: Stitch 소개 (2025-05-20)
• Google Labs Blog: Vibe Design with Stitch (2026-03-18)
• Google Stitch 공식 사이트
• The Register: Vibe Design 업데이트 (2026-03-19)
• NxCode: Vibe Design 도구 비교 (2026)