Google Labs 공식 발표
TECH
Google Stitch 바이브 디자인, 무료라는 게 함정입니다
2026년 3월 18일, Google Labs가 Stitch를 AI 네이티브 소프트웨어 디자인 캔버스로 전면 재편했습니다. 발표 다음 날 Figma 주가는 8.8% 하락했습니다. 그런데 막상 써보면 “무료로 다 된다”는 인상과 꽤 다른 부분이 있습니다.
Google Stitch 바이브 디자인이란 — 3월 업데이트 핵심 요약
Google Stitch는 원래 2025년 5월 Google I/O에서 텍스트 한 줄을 UI 화면으로 만들어주는 실험적 도구로 시작했습니다. 그런데 2026년 3월 18일, Google Labs 프로덕트 매니저 Rustin Banks가 공식 블로그를 통해 “Stitch를 AI 네이티브 소프트웨어 디자인 캔버스로 발전시킨다”고 선언했습니다. 단순 기능 추가가 아니라 UI 자체를 완전히 뜯어고쳤습니다. (출처: Google 공식 블로그, 2026.03.18)
“바이브 디자인(Vibe Design)”은 Google이 이번 업데이트에서 직접 명명한 개념입니다. 와이어프레임이나 아트보드 없이, 원하는 경험의 느낌을 자연어로 설명하면 AI가 그 분위기에 맞는 UI를 여러 방향으로 제안하는 방식입니다. 원하는 컴포넌트를 일일이 지정하는 대신 “Stripe처럼 미니멀하고 프리미엄하게”라고 말하면 됩니다. 말로 디자인을 주도하는 첫 번째 단계가 현실적으로 가능해진 셈입니다.
내부적으로는 Google의 Gemini 2.5 Pro 또는 Gemini 2.5 Flash 모델이 동작하고, stitch.withgoogle.com에서 Google 계정 하나로 바로 접속됩니다. 설치도, 대기 목록도 없습니다.
5가지 신기능 — 실제로 어떻게 달라졌나
공식 발표문과 실제 구현 흐름을 같이 놓고 보니 기능마다 체감 차이가 꽤 달랐습니다. 홍보 문구와 실사용 사이의 간극이 있는 부분도 있어서 하나씩 짚어봤습니다.
① AI 네이티브 무한 캔버스
고정된 아트보드가 사라지고 무한 작업 공간이 생겼습니다. 이미지, 텍스트, 코드 스니펫을 같은 화면에 뒤섞어 넣어도 됩니다. Agent Manager가 진행 중인 작업 분기를 추적해주기 때문에 열 가지 방향을 동시에 탐색해도 정리가 됩니다. 탐색 단계의 혼란을 AI가 정리해준다는 개념인데, 이건 실제로 유용합니다.
② 더 똑똑해진 디자인 에이전트
에이전트가 이제 개별 화면이 아닌 캔버스 전체를 맥락으로 인식합니다. “로고 교체해줘”라고 하면 연결된 모든 화면에 반영됩니다. 이전엔 화면 하나씩 수정해야 했던 것과 비교하면 확실히 다릅니다.
③ 보이스 디자인 — 단, 프리뷰 기능입니다
캔버스에 말하면 에이전트가 실시간으로 디자인을 수정합니다. “세 가지 메뉴 옵션 보여줘” 같은 명령이 즉시 반영됩니다. 그런데 Google 공식 발표문에는 “Voice design in Preview”라고 명시돼 있습니다. 정식 기능이 아니라 아직 개발 중인 프리뷰 상태라는 뜻이고, 이 부분을 빠뜨린 소개글이 많습니다. (출처: Google 공식 블로그, 2026.03.18)
④ 즉석 인터랙티브 프로토타입
화면을 연결하고 Play를 누르면 클릭 가능한 프로토타입이 됩니다. 버튼을 누르면 다음 화면을 AI가 자동으로 만들어줍니다. 투자자 피칭이나 팀 리뷰용 데모를 수 분 안에 만들 수 있습니다. 단, 전환 애니메이션이나 마이크로인터랙션은 아직 지원하지 않습니다.
⑤ DESIGN.md와 디자인 시스템 추출
어떤 URL을 입력하면 그 사이트의 디자인 시스템(폰트·색상·간격)을 추출할 수 있습니다. 추출한 규칙을 DESIGN.md 파일로 내보내 다른 프로젝트나 다른 AI 코딩 도구에 불러올 수 있습니다. MCP 서버와 SDK를 통해 Claude Code, Cursor, Gemini CLI와도 연결됩니다. (출처: Stitch 공식 DESIGN.md 문서)
“완전 무료”는 맞지만, 이 조건에선 막힙니다
Stitch가 무료인 건 사실입니다. Google 계정만 있으면 접근 가능하고, 신용카드도 필요 없습니다. 그런데 “무료라서 무제한”은 아닙니다. 공식 문서에 생성 한도가 명확히 나와 있습니다.
💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다
Stitch의 생성 한도 (2026.03 기준, 출처: nxcode.io 공식 가이드):
- 표준 모드 (Gemini 2.5 Flash): 월 350회
- 실험 모드 (Gemini 2.5 Pro, 이미지 입력 포함): 월 50회
매일 아이디어 탐색에 쓰다 보면 표준 모드도 한 달 안에 소진할 수 있습니다. 집중 프로젝트 진행 중엔 체감이 납니다.
그리고 React, Vue, SwiftUI 직접 내보내기는 지원하지 않습니다. 현재 코드 출력 형식은 HTML과 Tailwind CSS뿐입니다. 웹 랜딩 페이지나 간단한 MVP라면 충분하지만, iOS 앱이나 React 기반 프로덕션 프로젝트에는 추가 변환 작업이 필요합니다. 유출된 로드맵에 따르면 React 내보내기가 준비 중이지만, Google이 공식 출시 일정을 발표하지 않은 부분입니다.
또 하나 — Stitch는 현재 단일 사용자 도구입니다. 팀이 같은 파일에서 동시 편집하거나 코멘트를 주고받는 기능은 없습니다. 1인 작업엔 충분하지만, 디자이너 2명 이상이 협업하는 구조에서는 아직 제약이 있습니다.
Figma 주가를 흔든 이유 — 시장이 본 것과 놓친 것
Stitch 업데이트 발표 다음 날인 2026년 3월 19일, Figma 주식(NYSE: FIG)은 단일 거래일에 8.8% 하락했습니다. (출처: CNBC, 2026.03.19) 시장은 이를 “Google이 Figma를 죽이는 무료 도구를 냈다”로 해석했습니다. 실제로는 좀 다릅니다.
Stitch가 노리는 건 현재 Figma를 쓰는 전문 디자이너가 아닙니다. Figma를 배우기 전에 UI가 필요한 PM, 개발자, 창업자입니다. Figma의 다음 고객층을 가로채는 구조입니다. 기존 사용자를 빼앗는 게 아니라, 입문 경로 자체가 달라지는 셈입니다. 이게 주가를 누른 진짜 이유입니다.
| 구분 | Google Stitch | Figma |
|---|---|---|
| 주요 입력 | 자연어 / 음성 / 이미지 | 캔버스 수동 편집 |
| 실시간 협업 | 단일 사용자 중심 | 업계 최고 수준 멀티플레이어 |
| 코드 출력 | HTML + Tailwind CSS | CSS / iOS / Android 스펙 |
| 플러그인 | 없음 | 2,000개 이상 커뮤니티 플러그인 |
| 음성 입력 | 프리뷰 지원 | 미지원 |
| 가격 | 무료 (생성 한도 있음) | $0 ~ $90/시트/월 |
Google Docs가 MS Word를 없애지 않고 시장 구도를 바꿨던 것처럼, Stitch도 당장 Figma를 대체하진 않습니다. 단, Figma가 손댈 수 없었던 ‘비디자이너 시장’을 점령하면서 Figma의 성장 경로를 좁히는 구조입니다. 그게 투자자가 겁먹은 이유입니다.
Stitch가 앞서는 영역 vs. 아직 Figma가 필요한 영역
솔직히 말하면, 용도가 맞으면 Stitch는 압도적입니다. Figma 파일 하나 세팅하는 시간에 열 가지 UI 방향이 나옵니다. 그런데 용도가 어긋나면 Stitch 결과물을 가지고 Figma로 넘어가야 하는 상황이 옵니다.
✅ Stitch가 유리한 상황
- 아이디어를 빠르게 시각화할 때
- 투자자·팀에게 컨셉 데모를 보여줄 때
- 1인 창업자·PM이 디자이너 없이 MVP 초안 잡을 때
- 웹 랜딩 페이지 HTML을 바로 뽑을 때
- 경쟁사 디자인을 빠르게 리디자인 시안으로 만들 때
⚠️ Figma가 여전히 필요한 상황
- 디자이너 2명 이상이 동시에 편집할 때
- 컴포넌트 라이브러리·디자인 토큰 관리가 필요할 때
- iOS/Android 네이티브 앱 스펙을 개발자에게 넘길 때
- 픽셀 단위 정밀 조정이 필요한 프로덕션 작업
- SSO·권한 관리가 필요한 기업 환경
가장 생산적인 흐름은 Stitch에서 아이디어를 10분 안에 좁히고, Figma로 내보내 프로덕션 품질로 다듬는 것입니다. Stitch-to-Figma 플러그인을 쓰면 레이어와 컴포넌트 구조가 유지된 채 넘어갑니다. 이 파이프라인을 Google이 공식적으로 지원한다는 게 중요합니다. 경쟁이 아니라 연결을 설계했습니다.
공식 문서에서 발견한 DESIGN.md의 진짜 의미
💡 공식 문서에서 신기능의 발표 흐름과 실제 쓰임새를 비교해보니 이런 그림이 나왔습니다
DESIGN.md는 단순한 파일 포맷이 아닙니다. 디자인 규칙을 AI 에이전트가 읽을 수 있는 마크다운으로 구조화한 뒤, Stitch·AI Studio·Antigravity·Claude Code·Cursor 사이를 이동시키는 프로토콜에 가깝습니다.
작동 방식은 이렇습니다. 어떤 사이트의 URL을 Stitch에 넣으면 그 사이트의 색상·폰트·컴포넌트 패턴을 추출합니다. 이걸 DESIGN.md 파일로 내보내면, 다음 프로젝트에서 처음부터 다시 정의할 필요 없이 그대로 불러올 수 있습니다. 개발 단계에서 Claude Code나 Cursor 같은 코딩 에이전트에게도 같은 파일을 넘겨주면 코드 스타일도 일관성이 유지됩니다. (출처: Stitch 공식 DESIGN.md 문서)
기존 블로그 글들이 “디자인 시스템 임포트 기능이 생겼다”로 설명하는데, 실제로 중요한 건 그 파일이 AI 코딩 도구까지 연결된다는 점입니다. 디자인 도구와 개발 도구가 같은 ‘디자인 언어’를 공유하는 구조를 만들려는 시도입니다. MCP 서버가 오픈돼 있어서 Google 생태계 밖인 Claude Code나 Cursor에서도 Stitch의 기능을 쓸 수 있게 됩니다. (출처: Stitch SDK GitHub, 2026.03)
Stitch Skills GitHub 레포지토리 스타 수가 2,400개를 넘었습니다. 개발자들이 단순 디자인 도구 이상으로 보기 시작했다는 신호입니다. 디자인과 코딩이 분리된 워크플로의 벽을 AI로 허무는 방향인데, 이 방향이 얼마나 빠르게 실용화되는지가 Stitch의 다음 키포인트입니다.
자주 묻는 것들
마치며
2026년 3월 기준으로 Google Stitch 바이브 디자인은 “아이디어 → 클릭 가능한 프로토타입” 단계를 수 분으로 줄이는 데 있어 진짜로 쓸 만합니다. 완전 무료인 것도 사실이고, Gemini 2.5 Pro로 만들어지는 UI 품질도 기대 이상입니다.
그런데 ‘무제한 무료’도 아니고, ‘모든 걸 대체’하는 도구도 아닙니다. 표준 모드 월 350회 한도, 음성 기능 프리뷰 상태, React 내보내기 미지원, 팀 협업 부재 — 이 네 가지 조건이 어디에 걸리는지 먼저 확인하는 게 필요합니다.
개인적으로 가장 인상적인 건 DESIGN.md입니다. 디자인 규칙을 AI 에이전트 간에 이식하는 파일 포맷이라는 개념 자체가, Stitch가 단순한 UI 생성기를 넘어서 도구 간 연결 레이어로 가려는 방향을 보여줍니다. 이 방향이 얼마나 빠르게 완성되느냐가, 앞으로 Stitch의 진짜 가치를 결정할 것입니다.
본 포스팅 참고 자료
- Google 공식 블로그 — Introducing “vibe design” with Stitch (2026.03.18)
- Stitch 공식 사이트 — stitch.withgoogle.com
- Stitch 공식 DESIGN.md 문서 — stitch.withgoogle.com/docs/design-md
- Stitch SDK GitHub — github.com/google-labs-code/stitch-sdk
- CNBC — Figma stock drops 12% after Google releases vibe design product Stitch (2026.03.19)
- NxCode — Google Stitch vs Figma 2026 (2026.03.18)
본 포스팅은 2026년 3월 22일 작성 시점의 Google Stitch 공식 문서 및 공개 자료를 기반으로 합니다. 본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. 생성 한도·지원 기능·가격 등은 Google 공식 채널에서 최신 내용을 확인하세요.
댓글 남기기