Google Labs 공식 발표 반영
Google Stitch 직접 써봤습니다
— 무료인데 막히는 조건
2026년 3월 18일, Google Labs가 Stitch에 바이브 디자인·음성 캔버스·무한 캔버스를 한꺼번에 올렸습니다. 그날 Figma 주가는 8.8% 빠졌습니다. 그런데 실제로 써보면 시장이 흥분한 것만큼 완성도가 높지는 않습니다. 어디까지 되고 어디서 막히는지 정리했습니다.
Stitch가 뭔지, 3월에 뭐가 바뀌었는지
Google Stitch는 텍스트·이미지·음성 입력만으로 앱·웹 UI를 뽑아주는 Google Labs 실험 서비스입니다. stitch.withgoogle.com에서 Google 계정으로 바로 쓸 수 있고, 2025년 5월 Google I/O에서 처음 공개됐습니다.
2025년 12월에 Gemini 3 모델과 프로토타입 기능이 들어왔고, 2026년 3월 18일에 가장 큰 업데이트가 나왔습니다. 이번에 한꺼번에 들어온 게 5가지입니다. 무한 캔버스로 UI 전면 개편, 바이브 디자인, 음성 캔버스, DESIGN.md 기반 디자인 시스템, 직접 편집(Direct Edits)입니다. (출처: Google 공식 블로그, 2026.03.18)
내부 모델은 표준 모드에서 Gemini 3 Flash(속도 최적화), 실험 모드에서 Gemini 3.1 Pro(품질 최적화)가 각각 돌아갑니다. 출력 포맷은 HTML + Tailwind CSS이고, Figma 내보내기·AI Studio 연동·MCP 서버 연결도 지원합니다.
💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다. “단순 텍스트→UI 생성기”에서 “아이디어 탐색 전용 플랫폼”으로 포지셔닝이 바뀌었고, 이 방향이 Figma의 역할 범위와 겹치기 시작했다는 점이 핵심입니다.
바이브 디자인 — 와이어프레임 없이 시작하는 방식
기존 디자인 툴의 시작점은 와이어프레임입니다. 컴포넌트를 배치하고, 여백을 조정하고, 색상을 고릅니다. Stitch의 바이브 디자인은 그 순서를 뒤집습니다. 먼저 “비즈니스 목표”나 “사용자가 느끼길 바라는 감정”을 적고, AI가 디자인 방향을 여러 개 제안하는 방식입니다.
예를 들면 이렇게 씁니다. “프리미엄하고 미니멀한 느낌, Stripe처럼 신뢰감 있게. 목표는 30초 안에 가입 유도.” 그러면 Stitch가 그 분위기에 맞는 여러 레이아웃을 뽑아줍니다. 직접 스타일을 지정하지 않아도 됩니다. Google은 이 방식이 “짧은 시간에 더 많은 방향을 탐색할 수 있어 최종 완성도가 높아진다”고 설명합니다. (출처: Google 공식 블로그, 2026.03.18)
음성 캔버스: 말하면서 만드는 방식
음성 캔버스(Voice Canvas)는 말 그대로 캔버스에 대고 말하면 됩니다. “메뉴 레이아웃 세 가지 보여줘”라고 하면 실시간으로 생성됩니다. AI가 피드백을 주기도 합니다. “이 섹션 대비가 낮아서 접근성 문제가 생길 수 있습니다”처럼요. 다만 실제 사용자 후기에서는 “피드백이 날카로울 때도 있고, 너무 뻔한 말을 할 때도 있다”는 평이 나옵니다.
프로토타입 연결: 화면을 플로우로 이어붙이기
로그인 화면을 만들면 Stitch가 자동으로 다음 화면(홈 대시보드 등)을 제안합니다. 화면 여러 개를 선택하고 재생 버튼을 누르면 클릭 가능한 인터랙티브 프로토타입이 됩니다. 프롬프트 하나로 디자인을 시작해서 15분 안에 클릭 가능한 프로토타입까지 만들 수 있는 속도가 핵심 차별점입니다.
무료라고 다 쓸 수 있는 건 아닌 이유
Stitch는 무료입니다. 구독도, 신용카드도, 대기 목록도 없습니다. 그런데 여기서 한 가지 조건이 있습니다. 생성 횟수에 한도가 있습니다.
| 모드 | 사용 모델 | 월 한도 | 특징 |
|---|---|---|---|
| 표준 모드 | Gemini 3 Flash | 350회 | 속도 최적화 |
| 실험 모드 | Gemini 3.1 Pro | 50회 | 품질·이미지 입력 최적화 |
※ 2026.03.25 기준 / 출처: nxcode.io Stitch 완전 가이드
실험 모드는 월 50회입니다. 집중적으로 프로토타이핑을 하는 날이면 하루에 10번도 쓸 수 있는 숫자입니다. 이미지를 업로드해서 레퍼런스 기반으로 디자인을 뽑거나, 고품질 UI가 필요한 경우에는 실험 모드를 써야 하는데, 그게 한 달에 50번으로 제한되는 겁니다. 이 점이 “완전 무제한 무료”로 알고 접근했을 때 막히는 조건입니다.
또 하나. Stitch는 현재 영어 환경이 기본입니다. 한국어 프롬프트를 받긴 하는데, 공식 지원 언어로 명시된 건 아닙니다. 18세 이상, Gemini 서비스 지원 국가 조건도 붙습니다.
💡 월 50회라는 숫자를 뒤집어 보면 이런 의미입니다. Stitch를 “최종 디자인 완성 도구”로 쓰려고 접근하면 한도에 부딪힙니다. “아이디어 탐색 첫 단계”로 쓰고, 정교화는 Figma에서 마무리하는 흐름으로 가면 350회도 넉넉합니다.
Figma 주가가 빠진 진짜 이유
3월 18일 Stitch 발표 직후 Figma 주가는 이틀 만에 8.8~12% 하락했습니다. (출처: Investing.com, 2026.03.18) 그런데 막상 전문 디자이너들이 써보고 내린 결론은 “Figma를 대체할 수 없다”였습니다. 디자인 교육 채널을 운영하는 Gary Simon(구독자 100만+)은 Stitch로 랜딩 페이지를 뽑아본 뒤 “여전히 mid”라고 표현했습니다. 색상이 밋밋하고, 시각 계층 구조가 평평하고, 텍스트를 클릭해서 바꾸는 것조차 직관적이지 않았다고 합니다.
그럼 왜 주가가 빠진 걸까요? Stitch가 Figma의 현재 고객을 뺏는 게 아니라, 앞으로 Figma 고객이 됐을 사람들을 먼저 차단하기 때문입니다. Figma는 지난 2~3년간 PM, 개발자, 창업자까지 디자인 프로세스에 끌어들이는 전략을 써왔습니다. 그 잠재 고객군이 이제 Stitch로 “충분히 쓸 만한” 결과물을 무료로 만들 수 있게 된 겁니다. Figma를 배울 이유 자체가 줄어드는 효과입니다.
실제 비교 수치를 보면 격차가 더 분명합니다. Figma 20인 팀의 Organization 플랜 연간 비용은 13,200달러(약 1,800만 원)입니다. Stitch는 무료입니다. (출처: nxcode.io Stitch vs Figma 가이드, 2026.03) 이 가격 공백이 “진입점”을 완전히 바꿉니다.
| 항목 | Google Stitch | Figma |
|---|---|---|
| 가격 | 무료 | 월 $0~$90/석 |
| UI 생성 | 텍스트·이미지·음성 → 즉시 생성 | 수동 제작 (AI 보조) |
| 실시간 협업 | 단일 사용자 | 멀티플레이어 편집 |
| 디자인 시스템 | URL 추출·DESIGN.md 가져오기 | 컴포넌트·토큰·변수 완전 관리 |
| 코드 출력 | HTML + Tailwind CSS | CSS·iOS·Android (Dev Mode) |
| 플러그인 | 없음 | 약 2,000개+ |
| 학습 곡선 | 수 분 | 수 주~수 개월 |
※ 2026.03 기준 / 출처: nxcode.io, Figma 공식 가격 페이지
DESIGN.md — Claude Code, Cursor와 연결되는 고리
이번 업데이트에서 가장 덜 주목받았지만 실용적으로 중요한 기능이 DESIGN.md입니다. Stitch 안에서 만든 디자인 시스템 규칙(색상, 폰트, 컴포넌트 스타일 등)을 마크다운 파일 하나로 내보낼 수 있습니다. 이 파일을 다른 프로젝트에 가져오면 처음부터 디자인 규칙을 다시 설정하지 않아도 됩니다.
여기서 흥미로운 부분이 있습니다. 이 DESIGN.md 파일은 Claude Code, Cursor, Gemini CLI 같은 AI 코딩 에이전트와 직접 연결됩니다. Stitch의 MCP 서버를 통해 코딩 에이전트가 디자인 컨텍스트를 읽고, 그 규칙에 맞는 코드를 생성할 수 있습니다. (출처: Stitch 공식 DESIGN.md 문서)
실제 워크플로는 이렇게 됩니다. Stitch에서 디자인 → DESIGN.md 내보내기 → Claude Code나 Cursor에 컨텍스트로 전달 → 에이전트가 디자인 스타일을 지키며 코드 생성. 따로 “컬러 코드 #38bdf8 써라”, “폰트 이름 이거다”를 매번 설명하지 않아도 됩니다. 디자인과 코드 사이의 반복 커뮤니케이션을 줄여주는 구조입니다.
💡 Stitch Skills GitHub 레포(google-labs-code/stitch-skills)는 2026년 3월 기준 스타 2,400개를 넘겼습니다. 단순 디자인 툴이 아니라 AI 코딩 생태계 안에 연결되는 걸 개발자들이 먼저 알아본 결과입니다.
써보니까 아쉬웠던 것들
솔직히 말하면, 시장 반응만큼 완성도가 따라오지는 않습니다. 20년 경력의 디자이너 Gary Simon이 실제 테스트한 결과를 보면, 같은 품질 수준의 레퍼런스를 제시해도 Stitch가 만들어 낸 결과물은 색이 밋밋하고, 시각 계층이 평평하고, 텍스트 편집 자체가 불편했습니다. 레이아웃 단위 편집이 안 되고 개별 요소만 수정 가능한 점도 제약입니다. (출처: medium/@tentenco Stitch 리뷰, 2026.03)
기술적 한계도 그대로입니다. 팀 협업 기능이 없습니다. 단일 사용자 도구입니다. 여러 사람이 동시에 편집하거나, 댓글을 달거나, 버전을 분기하는 기능이 없습니다. 플러그인 생태계도 없습니다. Figma의 2,000개 이상 플러그인에 익숙한 사람이라면 그 차이가 큽니다.
React 직접 내보내기도 아직 없습니다. HTML + Tailwind CSS가 전부입니다. 모바일 앱(iOS, Android 네이티브)용 코드도 나오지 않습니다. 유출된 로드맵에 따르면 React 내보내기는 Google I/O 2026(2026년 5월 19~20일 예정)에 나올 수 있다고 알려져 있으나, Google이 공식 답변을 내놓지 않은 부분입니다.
그리고 Google Labs라는 꼬리표가 항상 붙어 있습니다. Google은 실험 서비스를 종료한 전례가 많습니다. Stitch가 MCP 서버, DESIGN.md, AI Studio 연동으로 생태계 인프라 역할을 하려는 방향이 보이기는 하지만, 이 역시 Google이 공식 지속 계획을 밝히지 않은 상태입니다.
결론부터 말씀드리면, 이렇게 쓰면 됩니다. Stitch에서 10분 안에 방향 5~10개를 뽑고, 마음에 드는 방향을 Figma로 가져가서 다듬는 방식입니다. 이 흐름에서는 무료 350회가 충분하고, Stitch의 속도가 진짜 강점이 됩니다.
Q&A 5가지
마치며
Google Stitch는 디자인을 처음부터 배우지 않아도 쓸 만한 UI를 뽑아주는 속도가 진짜 강점입니다. Figma를 배울 시간이 없는 개발자, 아이디어를 빠르게 검증해야 하는 창업자, 기획서 대신 클릭 가능한 프로토타입을 보여주고 싶은 PM에게는 쓸 이유가 분명합니다.
막히는 조건은 세 가지입니다. 실험 모드 월 50회 한도, 팀 협업 기능 부재, React 직접 내보내기 미지원입니다. 이 세 가지가 문제가 되지 않는 용도라면 완전히 무료인 도구입니다.
Figma 주가가 빠진 이유를 다시 정리하면, Stitch가 Figma 기존 고객을 빼앗는 게 아니라 미래에 Figma를 배울 이유 자체를 없애가는 방향이기 때문입니다. 디자인의 “첫 단계”를 무료로 처리할 수 있게 된 순간, 유료 도구의 가치 범위가 좁아지는 겁니다. 지금 당장 Figma를 버릴 이유는 없지만, Stitch가 어디까지 발전하는지는 계속 지켜볼 필요가 있습니다.
본 포스팅 참고 자료
본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. Google Stitch는 Google Labs 실험 서비스로, 기능 추가·변경·서비스 종료가 예고 없이 이루어질 수 있습니다. 본문 내 수치는 2026년 3월 25일 기준으로 작성됐습니다.
댓글 남기기