Google Labs 공식 업데이트
IT/AI
Google Stitch 2.0, 무료라도 이 조건에서 막힙니다
3월 18일, 구글이 Stitch를 ‘AI 네이티브 디자인 캔버스’로 전면 개편했습니다. 무한 캔버스·음성 입력·DESIGN.md까지 화려한 업데이트였는데, 막상 쓰려고 보면 공식 문서에 조용히 박혀 있는 조건들이 있습니다.
3월 18일에 정확히 무엇이 바뀌었나
구글이 2026년 3월 18일 공식 블로그를 통해 Stitch를 ‘AI 네이티브 소프트웨어 디자인 캔버스’로 전면 개편한다고 발표했습니다. (출처: Google Blog, 2026.03.18) 발표 직전까지 Stitch는 단순한 프롬프트 기반 UI 생성 도구였는데, 이번 업데이트는 제품의 성격 자체를 바꿨습니다.
이번 업데이트에서 바뀐 핵심은 세 가지입니다. 첫째, 무한 캔버스 기반의 새 UI — 초안부터 인터랙티브 프로토타입까지 한 화면에서 작업할 수 있습니다. 둘째, 음성 입력 — 마이크에 대고 “헤더 색을 어두운 파란색으로 바꿔줘”라고 말하면 실시간으로 반영됩니다. 셋째, DESIGN.md — 디자인 스펙을 마크다운 파일로 추출·저장해 다른 툴과 공유할 수 있는 새 형식입니다.
덤으로 MCP 서버와 SDK도 함께 공개됐습니다. Stitch를 Antigravity(구글의 에이전트 IDE), AI Studio 같은 외부 툴과 연동할 수 있는 다리를 깔아놓은 셈입니다. 구글 공식 발표문에는 “Stitch의 Skills 저장소가 GitHub에서 2,400개 이상의 스타를 받았다”고 명시돼 있습니다. (출처: Google Blog, 2026.03.18) 개발자 생태계가 생각보다 빠르게 붙고 있다는 신호입니다.
💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다
이번 업데이트는 ‘기능 추가’가 아닌 ‘도구의 철학 교체’에 가깝습니다. 이전 Stitch가 “디자이너를 위한 빠른 초안 생성기”였다면, 2.0은 “비디자이너가 아이디어를 코드로 연결하는 파이프라인”을 노린 구조입니다. 같은 이름이지만 쓰는 맥락이 달라졌습니다.
무료인데 한도가 있다 — 공식 수치로 확인
“무료”라는 말만 보고 들어가면 한 가지 사실에서 막힙니다. Stitch는 무료지만 생성 횟수에 월 한도가 존재합니다. flowstep.ai가 공식 확인한 수치 기준으로, Standard 모드는 월 350회, Experimental 모드는 월 200회가 상한입니다. (출처: Flowstep.ai Google Stitch Review, 2026.02.27)
한도를 초과하면 그달은 생성이 완전히 멈춥니다. 한도를 늘릴 방법도 없고, 돈을 내고 더 쓸 유료 플랜도 현재 존재하지 않습니다. 이 부분이 공식 문서에는 작게 적혀 있어서 모르고 쓰다가 막히는 케이스가 생깁니다.
실제 작업 흐름으로 계산해 보면, 하나의 앱 프로토타입을 만들 때 아이디어 탐색 단계에서 10~20회 생성을 쓰는 게 보통입니다. 한 달에 15~20개의 화면을 잡고 각각 2~3회 반복 수정을 한다면 금방 150~200회를 소진합니다. Standard 모드 기준 350회는 넉넉해 보이지만, 초안 탐색을 적극적으로 하는 팀이라면 2~3주 안에 바닥날 수도 있습니다.
| 모드 | 월 생성 한도 | 이미지 프롬프트 | 출력 품질 |
|---|---|---|---|
| Standard | 350회 | ❌ 미지원 | 빠른 초안 수준 |
| Experimental | 200회 | ✅ 지원 | 상세·정밀 출력 |
출처: Flowstep.ai Google Stitch Review (2026.02.27)
💡 “무료 = 무제한”이 아닌 이유를 숫자로 보면 이렇습니다
350회÷31일 = 하루 약 11회. 초안 탐색을 적극적으로 하는 날에는 하루 20~30회를 쓰는 경우도 있습니다. 꼼꼼한 프로젝트 하나를 한 달 내내 잡으면 한도를 다 쓸 수 있습니다.
출력물이 React가 아니라는 점
가장 많이 오해하는 부분입니다. Stitch 2.0은 디자인에서 코드를 뽑아주는 기능이 있지만, 이 코드가 HTML/CSS입니다. 현재 React 컴포넌트 출력은 지원하지 않고, 공식 블로그에는 “React 앱 내보내기 기능은 예정(expected around Google I/O 2026)”이라고 적혀 있습니다. (출처: NXCode.io Stitch vs v0 vs Lovable, 2026)
실무에서 React/Next.js 프로젝트에 붙이려면 Stitch가 뽑아준 HTML/CSS를 개발자가 수동으로 컴포넌트로 전환해야 합니다. 즉, Stitch 코드를 “그대로 붙여넣기”하는 건 현재로서는 불가능합니다. 이 점이 v0와 가장 크게 갈리는 지점입니다. v0는 shadcn/ui 기반 React 컴포넌트를 바로 내보내지만, Stitch는 아직 그 단계가 아닙니다.
반면 Figma 내보내기는 잘 됩니다. 생성된 디자인을 플러그인 없이 Figma에 직접 붙여넣기 할 수 있고, 레이어 구조가 그대로 유지됩니다. 그래서 Stitch→Figma→개발자 핸드오프 순서가 현재로서는 가장 자연스러운 흐름입니다.
⚠️ 주의
React 프로젝트에 바로 Stitch 코드를 투입하려고 계획했다면, Google I/O 2026 이후를 기다리는 게 현실적입니다. 구글이 공개한 로드맵 일정도 ‘예정’이지 확정이 아닙니다.
DESIGN.md — 이게 왜 조용히 중요한가
이번 업데이트에서 가장 덜 주목받았지만, 실제로는 가장 파급력이 큰 기능입니다. DESIGN.md는 디자인 스펙을 사람이 읽을 수 있는 마크다운 파일로 내보내는 형식입니다. 색상·타이포그래피·간격 같은 디자인 토큰, 컴포넌트 구조, 레이아웃 규칙이 모두 텍스트로 기술됩니다. (출처: Google Blog, 2026.03.18)
왜 이게 중요하냐면, 기존 디자인 파일(Figma의 .fig 포맷)은 바이너리라서 Figma 없이는 열 수 없었습니다. 개발자가 디자인 스펙을 보려면 Figma 계정이 필요하거나, Dev Mode 내보내기를 거쳐야 했습니다. DESIGN.md는 그 장벽을 없앱니다. 어느 텍스트 에디터에서도 열리고, Git에 올리면 커밋 히스토리로 디자인 변경 이력을 추적할 수 있습니다.
AI 도구 관점에서도 의미가 다릅니다. Claude, GPT, Cursor 같은 코딩 AI들이 DESIGN.md를 컨텍스트로 읽으면 디자인 스펙을 그대로 코드에 반영할 수 있습니다. Stitch에서 만든 디자인 토큰이 개발자의 AI 코딩 환경까지 자동으로 전달되는 파이프라인이 완성되는 구조입니다. 이 구조 자체는 Stitch가 사라져도 표준으로 자리잡을 가능성이 있습니다.
💡 여러 도구를 연결해보니 이런 흐름이 가능해졌습니다
Stitch → DESIGN.md 내보내기 → Claude Code에 컨텍스트로 주입 → 컴포넌트 자동 생성. 이 흐름이 실제로 작동합니다. 다만 아직 실험적이고, 복잡한 컴포넌트에서는 수동 조정이 필요합니다.
Figma와 함께 쓰는 게 맞는 이유
“Stitch가 나왔으니 Figma 안 써도 되겠다”는 반응이 나오는데, 두 도구가 해결하는 문제가 아예 다릅니다. Figma는 월 15달러부터 시작하는 유료 툴이고, 협업·컴포넌트 시스템·프로토타이핑 깊이 면에서 Stitch가 아직 따라잡지 못한 영역이 많습니다. (출처: MindStudio.ai Google Stitch vs Figma, 2026)
반면 Stitch가 Figma보다 확실히 빠른 영역은 ‘비디자이너의 초안 생성’입니다. PM이 회의 전에 5분 만에 UI 시안을 잡고, 그걸 Figma로 넘겨서 디자이너가 정밀 작업을 하는 흐름이 현재로서는 가장 합리적입니다. Stitch 자체가 “Figma에 붙여넣기”를 핵심 내보내기 옵션으로 제공하고 있다는 점도 그 방향을 가리킵니다.
Figma의 정확도 측면도 중요합니다. Figma는 8px 패딩, border-radius 정확한 값을 지정할 수 있습니다. Stitch는 의도를 해석해서 근사치를 생성하는 방식이라, 픽셀 단위 정밀도가 필요한 프로덕션 핸드오프에는 아직 부족합니다.
팀 작업에 쓰면 생기는 문제
현재 Stitch 2.0에는 멀티플레이어 편집 기능이 없습니다. 팀원 두 명이 같은 캔버스에서 동시에 작업하는 것, 디자인 리뷰에서 댓글 달기, 버전 히스토리 관리 — 이 세 가지가 모두 지원되지 않습니다. (출처: MindStudio.ai Google Stitch vs Figma, 2026) 협업 기능 도입 일정도 공식으로 공개되지 않았습니다.
이 부분이 실제로 팀 단위로 쓸 때 가장 크게 걸립니다. 개인 작업자가 초안 탐색용으로 쓰는 건 지금도 충분한데, 이걸 팀 디자인 프로세스의 일부로 편입하려면 아직은 주변 작업이 너무 많아집니다. 공유하려면 캡처나 파일 수동 전달을 거쳐야 하고, 변경 이력은 스스로 관리해야 합니다.
구글이 Stitch를 Labs 단계에서 정식 제품으로 전환할 경우 협업 기능이 추가될 것으로 보이지만, 지금 당장 팀 단위 협업 도구로 도입을 검토하고 있다면 이 한계가 결정적 변수입니다.
💡 같은 ‘무료 AI 디자인 툴’인데 협업 기능 차이가 이렇게 납니다
경쟁 도구인 Flowstep은 무료 플랜에서도 무제한 협업자 지원을 내세웁니다. Stitch와 같은 무료지만 협업 인프라는 전혀 다른 수준입니다. 팀 작업이 필요하다면 이 차이가 도구 선택의 기준이 됩니다.
v0·Lovable과 비교하면 어디서 쓰나
2026년 기준 AI 앱 빌더 시장에서 Stitch, v0, Lovable은 자주 같이 묶여 비교됩니다. 결론부터 말하면 세 도구는 완전히 다른 문제를 풉니다. (출처: NXCode.io Stitch vs v0 vs Lovable, 2026)
| 도구 | 철학 | 코드 출력 | 백엔드 | 요금 |
|---|---|---|---|---|
| Stitch | 디자인 탐색 | HTML/CSS | ❌ | 완전 무료 |
| v0 | 컴포넌트 생성 | React/Next.js | API 라우트만 | 월 $5 크레딧 (무료) |
| Lovable | 풀스택 앱 | TypeScript+React | ✅ Supabase | 일 5크레딧 (무료) |
출처: NXCode.io Stitch vs v0 vs Lovable (2026)
Stitch가 명확히 이기는 상황은 “예산 0원에서 빠르게 시각 아이디어를 잡아야 할 때”입니다. v0와 Lovable은 무료라도 크레딧 소진이 있고, 진입 장벽도 있습니다. Stitch는 구글 계정 하나면 바로 시작합니다. 반면 React 컴포넌트가 바로 필요하거나, 데이터베이스가 포함된 완성된 앱이 필요하다면 각각 v0와 Lovable이 맞습니다.
Q&A
Q. Google Stitch 2.0은 지금 완전 무료인가요?
네, 현재 구글 계정만 있으면 무료로 사용할 수 있습니다. 유료 플랜은 2026년 3월 27일 기준으로 존재하지 않습니다. 다만 Standard 모드 월 350회, Experimental 모드 월 200회의 생성 한도가 있으며, 이를 초과하면 그달은 사용이 중단됩니다. 한도를 늘리는 방법은 현재 공식으로 공개되지 않았습니다.
Q. Figma를 대체할 수 있나요?
현재로서는 대체가 아닌 보완 관계에 가깝습니다. Stitch는 팀 협업, 버전 관리, 디자인 시스템 관리, 정밀한 프로토타이핑 면에서 Figma에 비해 기능이 없거나 부족합니다. 빠른 초안 생성 후 Figma로 넘겨 세부 작업을 하는 흐름이 현재 가장 실용적인 방식입니다.
Q. 코드 출력을 바로 React 프로젝트에 쓸 수 있나요?
아직은 어렵습니다. Stitch의 코드 출력은 HTML/CSS 형식입니다. React 컴포넌트 출력 기능은 Google I/O 2026(예정) 이후 추가될 것으로 예고돼 있지만, 정확한 시점은 공식으로 확정되지 않았습니다. 현재 React 코드가 바로 필요하다면 v0가 더 적합합니다.
Q. DESIGN.md는 무엇이고 어떻게 활용하나요?
DESIGN.md는 디자인 스펙을 마크다운 텍스트로 내보내는 형식입니다. 색상 토큰, 타이포그래피, 간격, 컴포넌트 구조가 텍스트로 기술돼 Figma 없이도 열람이 가능하고, Git으로 버전 관리도 됩니다. Claude Code나 Cursor 같은 AI 코딩 툴에 컨텍스트로 넣으면 디자인 스펙이 자동 반영된 코드를 생성받을 수 있습니다.
Q. 비개발자도 사용할 수 있나요?
초안 탐색과 아이디어 시각화 단계에서는 비개발자도 충분히 쓸 수 있습니다. 코딩 지식 없이 텍스트나 음성 프롬프트만으로 UI를 만들 수 있습니다. 다만 최종 배포나 백엔드 연결이 필요하다면 Stitch 자체로는 해결이 안 되고, 다른 도구와 연결하는 추가 작업이 필요합니다.
마치며
Google Stitch 2.0은 솔직히 지금 당장 “이 하나로 다 된다”는 도구가 아닙니다. 무료지만 월 한도 있고, React 출력 안 되고, 팀 협업도 없습니다. 그런데 이걸 알고 쓰면 얘기가 달라집니다.
비개발자가 5분 안에 아이디어를 시각화하고 팀에 공유하는 용도로는 지금도 충분히 빠릅니다. DESIGN.md는 작게 느껴지지만, 디자인-개발 파이프라인이 AI 툴로 연결되는 시대에 가장 중요한 변화가 될 수도 있습니다. 그리고 무료라는 점은 — 경쟁 도구들의 크레딧 소진 걱정 없이 마음껏 탐색할 수 있다는 점에서 — 여전히 강력합니다.
총평: 초안 탐색 도구로는 현재 시장 최고 가성비. 프로덕션 파이프라인 편입은 React 출력과 협업 기능이 추가되는 Google I/O 2026 이후를 지켜볼 것.
📎 본 포스팅 참고 자료
- Google Blog — Introducing “vibe design” with Stitch (2026.03.18)
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/ - Google Developers Blog — Stitch: A new way to design UIs (2025.05.20)
https://developers.googleblog.com/ko/stitch-a-new-way-to-design-uis/ - MindStudio.ai — Google Stitch vs Figma: AI Design Comparison (2026)
https://www.mindstudio.ai/blog/google-stitch-vs-figma-ai-design-comparison - NXCode.io — Google Stitch vs v0 vs Lovable (2026)
https://www.nxcode.io/resources/news/google-stitch-vs-v0-vs-lovable-ai-app-builder-2026 - Flowstep.ai — Google Stitch Review (2026.02.27)
https://flowstep.ai/blog/google-stitch-review/
※ 본 포스팅은 2026년 3월 27일 기준으로 작성되었습니다. Google Stitch는 현재 Google Labs의 실험적 서비스로, 업데이트로 인해 요금 구조·기능·한도·UI가 변경될 수 있습니다. 본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있으므로, 최신 정보는 공식 사이트(stitch.withgoogle.com)에서 직접 확인하시기 바랍니다.
댓글 남기기