Google Stitch 바이브 디자인, 직접 써봤습니다 — 무료의 함정이 있습니다

2026년 3월 18일, 구글이 Stitch를 “AI 네이티브 소프트웨어 디자인 캔버스”로 공식 전환했습니다. SNS에는 “피그마 끝났다”, “디자이너 이제 필요 없다”는 말이 쏟아졌죠. 그런데 막상 써보면 이야기가 달라집니다. 결론부터 말씀드리면 — 아이디어 초안용으로는 정말 빠르고, 생각보다 훨씬 깔끔하게 나옵니다. 다만 무료라는 말이 무제한을 뜻하지는 않고, 복잡한 흐름에서는 구멍이 생깁니다.

Stitch가 뭔지, 어디서 왔는지 — 출신이 좀 특이합니다

Google Stitch 바이브 디자인은 구글이 처음부터 만든 게 아닙니다. 2025년 구글이 Galileo AI라는 스타트업을 인수하면서 탄생했습니다. Galileo AI는 텍스트 프롬프트와 이미지로 UI를 생성해주는 유료 서비스였는데, 구글이 이걸 흡수해 Google Labs 브랜드로 재출시한 겁니다. (출처: Unite.AI Google Stitch Review, 2026.03.25)

즉, 기존에 Galileo AI에 돈을 내던 사람들이 쓰던 기술이 지금은 구글 계정만 있으면 공짜로 열려 있는 상황입니다. 기반 기술이 처음부터 무료로 설계된 게 아니라는 얘기이기도 하죠. 이게 왜 중요하냐면 — 한도 설계 방식이 “원래 유료였던 서비스”의 흔적을 그대로 갖고 있기 때문입니다. 뒤에서 자세히 다룹니다.

2025년 5월 구글 I/O에서 처음 공개됐을 때는 솔직히 반응이 미적지근했습니다. 인터페이스가 거칠었고, 출력물 품질이 들쑥날쑥했습니다. 2026년 3월 18일 대규모 리디자인 이후 분위기가 바뀌었습니다. “인터페이스가 깔끔해졌고, 출력물이 선명해졌으며, 프로토타입 같은 느낌 대신 실제 워크플로에서 쓸 수 있는 느낌이 났다”는 평가가 나오기 시작했습니다. (출처: Unite.AI Google Stitch Review, 2026.03.25)

▲ 목차로 돌아가기

3월 18일 업데이트, 뭐가 달라졌나

이번 업데이트의 핵심은 세 가지입니다. 첫째, AI 네이티브 무한 캔버스. 기존에는 단일 화면 중심이었는데, 이제 여러 화면을 하나의 넓은 캔버스에 펼쳐놓고 동시에 다룰 수 있습니다. 아이디어가 어떤 형태로 오든 — 이미지든, 텍스트든, 코드든 — 바로 캔버스에 가져올 수 있습니다. (출처: Google Blog 공식 발표문, 2026.03.18)

둘째, 음성 캔버스(Voice Canvas). 마이크에 대고 말하면 AI가 실시간으로 디자인을 바꿔줍니다. “메뉴 옵션 세 가지로 보여줘”, “이 화면 색상 팔레트 다르게 해봐” 같은 지시를 그 자리에서 처리합니다. 이게 단순한 음성 입력이 아니라, AI가 실시간 디자인 비평(critique)을 줄 수 있는 구조로 설계된 점이 주목할 만합니다. (출처: Google Blog 공식 발표문, 2026.03.18)

셋째, 인스턴트 프로토타입(Instant Prototype). 정적 디자인을 바로 인터랙티브 프로토타입으로 전환합니다. 화면을 “스티치”로 연결하고 재생 버튼만 누르면 실제 앱 흐름처럼 클릭할 수 있는 화면이 완성됩니다. 클릭 이벤트를 기반으로 다음 화면을 자동 생성하는 기능도 붙어 있습니다. 비디자이너도 단 몇 분 만에 완성된 데모를 볼 수 있습니다.

새 에이전트 관리자(Agent Manager)도 추가됐습니다

이전에는 채팅 히스토리가 단순 목록으로 쌓였는데, 이제는 대화 내용이 자동으로 스레드 단위로 분류됩니다. 어떤 스레드를 클릭하면 그 스레드와 연관된 화면이 캔버스에서 자동 하이라이트됩니다. 여러 방향의 아이디어를 병렬로 작업하면서도 정리 상태를 유지할 수 있는 구조입니다. 디자인 도구보다 프로젝트 관리 도구에 가까운 UX로 진화하고 있다는 느낌을 받았습니다.

▲ 목차로 돌아가기

무료인데 왜 막히나 — 한도를 먼저 봐야 합니다

Google Stitch는 현재 완전 무료입니다. 유료 플랜 공지가 없습니다. 그런데 “무료 = 무제한”이 아닙니다. 공식 정책상 스탠다드 모드 월 350회, 실험적 모드 월 200회의 생성 한도가 있습니다. 한도를 초과하면 당월에는 더 이상 생성이 되지 않습니다. 현재로서는 한도를 늘릴 방법이 없습니다. (출처: Flowstep Google Stitch Review, 2026.02.27)

여기서 핵심은 “생성 한번”이 뭘 의미하냐는 겁니다. 화면 하나를 만들어도 한 번, 변경 사항을 적용해도 한 번으로 카운트됩니다. 활발하게 아이디어를 탐색하다 보면 350회가 생각보다 빠르게 소진됩니다. 특히 실험적 모드(Gemini 3.1 Pro 기반)는 200회밖에 안 되는데, 이쪽이 더 정교한 출력을 내줍니다. 정확도를 위해 실험적 모드를 주로 쓰는 사람이라면 넉넉한 한도가 아닙니다.

스탠다드 vs 실험적 모드, 뭘 써야 하나

스탠다드 모드는 Gemini 3 Flash 기반입니다. 빠르고 생성 한도도 350회로 넉넉합니다. 빠른 초안 탐색, 다양한 방향 비교, 클라이언트 아이디어 공유용으로 적합합니다. 실험적 모드는 Gemini 3.1 Pro 기반으로, 느리지만 추론 깊이와 디테일이 다릅니다. 복잡한 UX 흐름이나 특정 브랜드 가이드라인이 있는 작업에 맞습니다. 단, 한도가 200회뿐이라 선택적으로 써야 합니다.

▲ 목차로 돌아가기

DESIGN.md 연동, 공식 발표와 실제 사이의 간극

이번 업데이트에서 가장 기대를 모은 기능이 DESIGN.md입니다. 공식 설명은 이렇습니다. 에이전트 친화적인 마크다운 파일로, 디자인 규칙을 Stitch 안팎으로 내보내거나 가져올 수 있습니다. 다른 Stitch 프로젝트에 내 디자인 시스템을 그대로 적용하거나, Antigravity 같은 개발 도구와 연동할 수 있다는 게 포인트입니다. (출처: Google Blog 공식 발표문, 2026.03.18)

그런데 실제로 써보면 이야기가 좀 달라집니다. “Design System” 기능에서 URL 기반으로 기존 웹사이트 디자인 시스템을 추출하는 기능이 있는데 — 직접 시도하면 이런 메시지가 뜹니다. “It looks like I hit a temporary technical limit while trying to create that custom design system from the site.” 버그가 잡히지 않은 상태로 출시됐습니다. (출처: Design With AI Substack 실사용 리뷰, 2026.03.20)

이건 중요한 포인트입니다. 발표 자료에서 가장 먼저 등장하는 기능인데, 정작 쓰면 안 됩니다. 새 디자인 시스템을 스크래치에서 만드는 방식은 작동하고, 선택한 화면에서 추출하는 방식도 됩니다. 단, URL 기반 추출이 아직 불안정합니다. 구글이 공식 이유를 밝히지 않았습니다.

MCP 서버와 Antigravity 연동은 됩니다

Stitch MCP 서버와 SDK는 이미 공개돼 있습니다. Antigravity(구글의 AI 네이티브 IDE)와 연동하면 Stitch에서 만든 UI 디자인을 바로 코드로 전환하는 파이프라인이 만들어집니다. 텍스트 프롬프트로 UI를 만들고, MCP를 통해 Antigravity가 그걸 받아 기능을 붙이는 방식입니다. Stitch SDK GitHub 저장소는 현재 약 2,400개의 스타를 받았습니다. (출처: Google Blog 공식 발표문, 2026.03.18)

Claude Code와도 연동이 됩니다. Claude Code가 Stitch MCP 서버를 통해 텍스트 프롬프트로 전체 UI 화면을 생성하고, HTML/CSS 코드를 바로 뽑아낼 수 있습니다. 이 조합은 디자이너 없이 개발자 혼자 빠르게 UI 초안을 잡을 때 실용적입니다.

▲ 목차로 돌아가기

코드 내보내기, 실제로 쓸 수 있는 수준인가

Stitch는 HTML/CSS, Tailwind, JSX 세 가지 포맷으로 코드를 내보낼 수 있습니다. 피그마로도 내보낼 수 있는데 — 플러그인 없이 레이어와 레이아웃 구조가 유지된 채로 붙여넣기가 됩니다. 작은 화면 단위 작업에서는 이 부분이 꽤 실용적입니다.

그런데 솔직하게 말하면, 내보낸 코드가 바로 프로덕션에 쓸 수 있는 수준은 아닙니다. 스페이싱이 미묘하게 어긋나거나, 컴포넌트 구조가 일관성 없이 잡히는 경우가 있습니다. “깔끔하고 기능적인 프론트엔드 코드”라는 공식 설명은 아이디어 검증 단계 기준입니다. 최종 프로덕트로 가려면 개발자가 손을 대야 합니다. (출처: Flowstep Google Stitch Review, 2026.02.27 — “Not fully production-ready”)

생성 결과물이 비슷비슷하다는 지적도 있습니다

여러 실사용 리뷰에서 공통으로 나오는 지적이 있습니다. 프롬프트가 달라도 생성된 레이아웃이 비슷한 틀에서 벗어나지 않는다는 점입니다. 브랜드 개성이 강한 서비스, 또는 독특한 시각적 아이덴티티가 필요한 경우 Stitch 결과물에 추가 작업이 많이 필요합니다. 특정 폰트가 “거의 맞는데 딱 맞지는 않는” 느낌, 간격이 미묘하게 어긋나는 느낌이 남습니다. (출처: LinkedIn, Mickey Stretton, 2026.03.19)

▲ 목차로 돌아가기

누구에게 맞고 누구에게 안 맞는가

Stitch가 진짜 빛을 발하는 상황이 있습니다. 스타트업 창업자가 투자자 미팅 전날 클릭 가능한 프로토타입을 만들어야 하는 상황, 개발자가 디자이너 없이 UI 방향을 빠르게 잡아야 하는 상황, 에이전시가 첫 미팅에서 클라이언트에게 방향감을 보여주는 상황이 여기에 해당합니다. 아이디어에서 클릭 가능한 화면까지의 거리를 몇 분으로 줄여줍니다. (출처: Unite.AI 실사용 리뷰, 2026.03.25)

반면 맞지 않는 상황도 명확합니다. 백엔드 로직이 포함된 풀스택 앱이 필요하다면 Base44나 Softr가 더 적합합니다. 실제 앱 배포까지 가야 하는 모바일 프로젝트라면 Draftbit가 낫습니다. 이미 확립된 디자인 시스템이 있고 거기서 정밀하게 확장해야 하는 팀이라면, 결과물의 불일치를 수정하는 데 시간을 더 쓸 수 있습니다.

비디자이너에게 Stitch가 특히 유용한 이유가 있습니다. “바이브 디자인”이라는 개념 자체가 기술 스펙(“12컬럼 그리드, 16px 거터”) 대신 의도와 감성(“차분하고 신뢰감 있는 온보딩 화면”)으로 작업하는 방식이기 때문입니다. 디자인 용어를 몰라도 결과를 볼 수 있습니다. 이게 처음에는 신선하다가, 정밀도가 필요한 순간에 한계로 느껴지는 지점이기도 합니다.

▲ 목차로 돌아가기

자주 나오는 질문 5가지

▲ 목차로 돌아가기

마치며 — 과장 빼고 결론만

Google Stitch 바이브 디자인은 기대를 적절히 조정하면 진짜 쓸모 있는 도구입니다. 아이디어에서 클릭 가능한 프로토타입까지 몇 분 안에 가능하고, 설치 없이 브라우저에서 바로 되며, 무료입니다. 음성 캔버스, 인스턴트 프로토타입, MCP 연동 등 3월 업데이트에서 실질적으로 도움이 되는 기능이 여러 개 추가됐습니다.

반면 URL 기반 디자인 시스템 추출은 아직 불안정하고, 결과물 일관성에는 한계가 있으며, 월 생성 한도가 생각보다 빠르게 소진될 수 있습니다. 프로덕션 코드로 바로 쓸 수 있는 도구라는 기대는 아직 이릅니다.

개인적인 판단은 이렇습니다. 아이디어 검증, 초기 피칭, 방향 탐색용으로는 지금 당장 써볼 만합니다. 피그마를 완전히 대체하거나 최종 제품 코드를 뽑는 도구로 쓰기엔 아직 한 단계 더 성숙이 필요합니다. 구글이 이 도구에 얼마나 빠르게 업데이트를 쌓는지 보면, 몇 달 뒤 상황은 지금과 꽤 달라져 있을 겁니다.

본 포스팅 참고 자료

1. Google Blog 공식 발표문 — “Introducing vibe design with Stitch” (blog.google, 2026.03.18)
2. Google Developers Korea Blog — “Stitch: UI를 디자인하는 새로운 방법” (developers.googleblog.com)
3. Unite.AI — Google Stitch Review: I Spoke an App Into Existence (unite.ai, 2026.03.25)
4. Flowstep Blog — Google Stitch Review: Features, Pricing + Alternative (flowstep.ai, 2026.02.27)
5. Design With AI Substack — My hands-on walkthrough of Google Stitch’s biggest upgrades yet (2026.03.20)