문장 한 줄을 넣고 몇 분 만에 그럴듯한 앱 UI를 받아볼 수 있다면 Figma가 긴장해야 할까? Google Stitch를 직접 써본 결론은 조금 더 현실적이다. Galileo AI에서 출발해 Gemini 기반 디자인 캔버스로 다듬어진 Stitch는 빠르게 출시 가능한 수준의 화면을 만들어주지만, 그 결과물은 최종 산출물이 아니라 코딩 에이전트에 넘길 첫 번째 초안에 가깝다.
Google Stitch로 할 수 있는 일
- 기본 방식: 앱을 설명하거나 스크린샷·와이어프레임을 붙여 넣으면 편집 가능한 UI를 생성한다. 비주얼 캔버스에서 수정할 수 있고 HTML/CSS로 내보낼 수도 있다.
- 비용: stitch.withgoogle.com에서 Google 계정만 있으면 무료로 쓸 수 있다. 설치할 것은 없다.
- 알아둘 점: 최종 디자인 툴이라기보다 코드 작업으로 넘기기 좋게 설계된 도구다.
기반 모델의 변화 속도도 빠르다. 2026년 7월 기준 라이브 모델 선택기에는 다음 네 가지 모드가 제공된다.
- 3 Flash (기본값) — Gemini 3 Flash. 빠른 초안 제작용이며, “코딩 에이전트로 내보내기”에 맞춰져 있다.
- Thinking with 3.1 Pro — Gemini 3.1 Pro. 여러 화면으로 구성된 플로우에서도 일관성을 유지해야 할 때 적합하다.
- Redesign — Nano Banana Pro. 스크린샷을 바탕으로 기존 화면을 다시 만든다.
- Ideate — 하나의 방향을 정하기 전, 여러 디자인 방향을 탐색하는 모드다.
2026년 업데이트로 달라진 점
2026년 3월 18일의 ‘vibe design’ 업데이트는 Stitch를 단순 화면 생성기에서 프로젝트 맥락을 이해하는 에이전트로 확장했다.
- 무한 캔버스: 생성한 결과가 나란히 쌓이며, 이미지·텍스트·코드를 맥락 자료로 추가할 수 있다.
- 디자인 에이전트: 프로젝트 전체를 고려해 작업하고, 병렬로 진행하는 여러 아이디어를 관리하는 기능도 제공한다.
- DESIGN.md: 색상, 타이포그래피, 레이아웃 등 디자인 시스템을 담는 Markdown 파일이다. 도구 간 이동에도 함께 따라간다.
- 인터랙티브 프로토타이핑: 화면을 연결한 뒤 Play를 눌러 클릭하며 흐름을 확인할 수 있다.
- 음성 입력: 캔버스에 말로 지시하면 실시간으로 편집한다.
MCP 서버와 SDK도 추가됐고, AI Studio 및 Antigravity로 내보내는 기능도 제공된다. 핵심은 이 내보내기 계층에 있다. Stitch에서 작업이 끝나는 것이 아니라 실제 빌드 파이프라인으로 이어질 수 있게 해주기 때문이다.
Google Stitch는 정말 무료일까?
그렇다. 유료 플랜은 없다. 다만 사용량 한도는 불투명하며, Google은 이 부분을 명확히 공개하지 않고 있다.
| 항목 | 확인 상태 |
|---|---|
| 무료 이용, 유료 플랜 없음, Google 계정만 필요 | 공식 사이트에서 확인 |
| 정확한 월간·일간 할당량 | 공개되지 않음. 제3자 수치는 서로 다름(350+200, 350+50, 하루 약 400회) |
| 크레딧은 주기적으로 초기화되며 추가 충전 불가 | 보고는 있었지만 문서화되지는 않음 |
실사용 관점에서는 앱 내 카운터를 기준으로 보는 편이 낫다. 한도가 있다는 전제로 접근하고, 블로그에 적힌 할당량 수치만 믿고 마감 일정을 잡지는 말자. 간단한 프롬프트는 소모량이 적지만 여러 화면으로 된 플로우는 빠르게 한도를 깎아 먹는다.
여러 화면에서 흔들리는 일관성
Stitch에서 가장 자주 언급되는 약점은 멀티 스크린 일관성이다. 다만 이 문제도 업데이트를 거치며 변화가 있었다.
- 출시 초기: r/UXDesign 사용자들은 변형안을 만드는 데는 좋지만 “여러 화면으로 된 플로우를 만드는 데는 형편없다”고 평가했다. 테스터들은 “완성된 목업보다는 색이 입혀진 와이어프레임” 같은 결과를 봤고, 내보낸 폼에서는 제출 버튼이 아무 동작도 하지 않는 사례도 있었다.
- 2026년 4월 9일: 공식 계정은 개선 사항을 공개했다. 이제 에이전트가 기존 디자인 시스템을 따르며, DESIGN.md 수정 사항이 다시 동기화되고, 레이아웃 겹침도 줄었다는 내용이다.
- 남은 과제: 4월 말 한 개발자는 UI에서 프로덕션으로 넘어가는 과정이 “여전히 흥미롭지만 풀리지 않은 문제이며, Stitch 2.0이 개선했지만 완전히 해결하지는 못했다”고 요약했다.
내보낸 뒤의 실제 작업 흐름
2026년의 현실적인 워크플로는 ‘Stitch에서 디자인하고 Stitch에서 출시한다’가 아니다. 다음 단계로 넘기는 릴레이에 가깝다.
1. Stitch에서 UI와 DESIGN.md를 생성한다. 2. 내보내기 또는 MCP를 통해 코드를 Claude Code, Codex, Cursor 같은 코딩 에이전트로 넘긴다. 3. 에이전트가 이를 실행 가능한 React 앱으로 만든다. 한 개발자는 MCP로 Stitch 결과를 Claude Code에 연결하는 방식을 “‘AI 슬롭’을 완전히 없애는 파이프라인”이라고 표현했다.
내보낸 코드를 신뢰하기 전에는 Stitch가 자주 빠뜨리는 항목을 확인해야 한다. 반응형 처리, 실제 작동하는 폼, 로딩·오류 상태, 라우팅, 컴포넌트가 재사용되는지 아니면 중복 생성되는지가 대표적이다.
비용 측면에서도 한 가지 구분할 점이 있다. 코딩 에이전트는 Stitch의 무료 캔버스와 별개로 LLM API 사용량에 따라 과금된다. 이 단계에는 Gemini 또는 Claude 같은 모델이 필요하다. Stitch 자체는 무료지만, 뒤에서 작업하는 에이전트 비용은 누적될 수 있다.
Stitch, v0, Figma Make 비교
| 도구 | 접근 방식 | 강점인 결과물 | 비용 |
|---|---|---|---|
| Google Stitch | 디자인 우선: 프롬프트 → UI + 코드 | 빠른 멀티 스크린 콘셉트 | 무료 |
| v0 by Vercel | 컴포넌트 우선: 프롬프트 → React | 바로 넣어 쓸 수 있는 shadcn/ui 컴포넌트 | 월 약 $20부터 |
| Figma Make | 캔버스 내 작업: Figma 안의 AI | 파일을 벗어나지 않고 수정 | Figma 플랜 |
이들은 경쟁 관계라기보다 서로 보완하는 도구에 가깝다. Stitch에서 방향을 탐색하고, v0에서 컴포넌트를 생성한 뒤, Cursor나 Claude Code에서 조립하는 식이다.
이런 사람에게 추천한다
- 추천 대상: 빠르게 콘셉트를 만들어야 하는 창업자, PM, 개발자. Figma를 배우지 않고도 설득력 있는 UI를 원하는 비디자이너. 이미 Google 생태계를 쓰고 있는 팀.
- 마무리 도구로는 비추천: 관리 체계가 갖춰진 컴포넌트 라이브러리가 필요한 엔터프라이즈 팀, 픽셀 단위 제어와 프로덕션 수준 결과물이 필요한 디자이너.
결론: 아이디어를 디자인된 코드 기반 UI로 몇 분 안에 옮기는 용도라면 Google Stitch는 2026년 기준 가장 강력한 무료 옵션 중 하나다. 단, 마지막 완성은 코딩 에이전트가 맡는다는 전제가 필요하다.
FAQ
Google Stitch는 무료인가요?
네. 유료 플랜 없이 Google 계정만 있으면 된다. 다만 공개되지 않은 사용량 한도가 있으므로 앱 내 카운터를 확인하는 편이 좋다.
Google Stitch는 어떤 AI 모델을 사용하나요?
2026년 7월 기준 Gemini 3 Flash(기본값), Gemini 3.1 Pro(Thinking 모드), Nano Banana Pro(Redesign)를 사용한다. 이전의 Gemini 2.5 구성은 이 조합으로 대체됐다.
Google Stitch가 작동하는 코드를 생성하나요?
프런트엔드 HTML/CSS를 생성하지만 출발점으로 봐야 한다. 테스터들은 작동하지 않는 버튼과 빠진 로직을 확인했으므로, 출시 전 코딩 도구에서 다듬어야 한다.
기존 디자인 시스템을 유지할 수 있나요?
2026년 4월부터 에이전트는 정의된 디자인 시스템을 따르도록 개선됐고, DESIGN.md가 규칙을 도구 안팎으로 전달한다. 출시 초기보다 나아졌지만 화면 전체에 걸쳐 여전히 확인할 필요가 있다.
Google Stitch가 Figma보다 좋은가요?
콘셉트까지 도달하는 속도는 더 빠르다. 하지만 협업, 디자인 시스템, 프로덕션 제어는 여전히 Figma가 강하다. 대부분은 Stitch에서 시작해 다른 도구에서 마무리하게 된다.