Google Stitch 2.0, 무료라서 마음껏 쓸 수 있을까요?

Published on

in

Google Stitch 2.0, 무료라서 마음껏 쓸 수 있을까요?

2026.03.18 기준
Google Stitch 2.0
IT/AI

Google Stitch 2.0, 무료라서 마음껏 쓸 수 있을까요?

3월 18일 업데이트 직후 Figma 주가가 이틀 만에 12% 빠졌습니다. 그 이유가 뭔지, 그리고 “무료=무제한”이라는 말이 어디까지 맞는지, 공식 문서와 실측 사용 흐름을 같이 놓고 확인했습니다.

Figma 주가 하락
–12%
이틀 만에 (CNBC, 2026.03.19)
무료 생성 한도
일일 리셋
월 350회 캡 → 일일 크레딧으로 변경
AI 모드 수
2 → 4
Gemini 3.0 Flash·3.1 Pro 등 탑재

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

결론부터 말씀드리면, 이건 기능 몇 개 추가한 마이너 업데이트가 아닙니다. Google Labs의 제품 매니저 Rustin Banks가 공식 블로그에 올린 발표문을 보면, “Stitch를 AI 네이티브 소프트웨어 디자인 캔버스로 진화시킨다”는 표현을 씁니다. (출처: Google Labs 공식 블로그, 2026.03.18)

이전 Stitch는 2가지 모드(Standard·Experimental, 모두 Gemini 2.5 기반)였고 하나의 화면만 한 번에 생성할 수 있었습니다. 3월 18일 업데이트 이후 4가지 AI 모드로 확장됐고, 한 번에 최대 5개 화면을 동시 생성할 수 있게 됐습니다. (출처: SiliconANGLE, 2026.03.19) 5배 병렬 처리라는 건 기획 단계에서 체크아웃·장바구니·구매확인 흐름 전체를 한 번에 뽑아낼 수 있다는 뜻입니다.

무한 캔버스(Infinite Canvas), 보이스 모드, DESIGN.md, 인스턴트 프로토타이핑, Agent Manager — 5가지가 핵심 변경 사항이고, 이 중 어느 하나만 있어도 “업데이트”라고 부를 만한데 다섯 개가 한꺼번에 나왔습니다.

▲ 목차로 돌아가기

AI 모드 4가지, 어떤 걸 언제 써야 하나

업데이트 후 Stitch에는 3 Flash · Thinking · Redesign · Ideate, 4가지 모드가 생겼습니다. 각 모드가 다른 AI 모델을 씁니다. 어떤 상황에서 어떤 걸 써야 하는지 공식 문서와 실측 흐름을 교차해서 정리했습니다.

모드 탑재 모델 생성 속도 추천 상황
3 Flash Gemini 3.0 Flash 약 60~90초 첫 초안, 빠른 반복
Thinking Gemini 3.1 Pro 느림 폴리시, 최종본
Redesign Nano Banana Pro 약 90초 기존 이미지 재해석
Ideate Gemini 3.0 Flash 빠름 방향 탐색, 아이디어 발산

실제 흐름은 이렇습니다. 아이디어가 없을 때는 Ideate로 시작해서 여러 방향을 뽑고, 방향이 잡히면 3 Flash로 화면을 쌓고, 마지막 2~3개 화면만 Thinking으로 폴리시합니다. Thinking 모드는 크레딧 소비가 가장 크기 때문에 첫 초안에 쓰면 하루 치 크레딧을 순식간에 태웁니다.

💡 공식 발표문과 실제 사용 흐름을 같이 놓고 보니 이런 차이가 보였습니다 — Redesign 모드는 별도 워크플로우입니다. 스케치 사진이나 경쟁사 앱 스크린샷을 재해석할 때 쓰는 것으로, 다른 세 모드와 섞어 쓰는 게 아닙니다. 구분을 모르면 크레딧이 엉뚱한 곳에서 빠질 수 있습니다.

▲ 목차로 돌아가기

DESIGN.md — 공식 문서를 보니 이런 구조였습니다

이번 업데이트에서 가장 과소평가된 기능이 DESIGN.md입니다. 공식 문서를 보면 이렇게 나옵니다. “에이전트 친화적 마크다운 파일로, 디자인 규칙을 내보내거나 가져올 수 있고 다른 디자인·코딩 도구와 연동된다.” (출처: Google Labs 공식 블로그, 2026.03.18)

이게 왜 중요하냐면, 기존에 Stitch로 화면을 여러 개 만들다 보면 두 번째·세 번째 화면에서 첫 화면의 내비게이션 바가 살짝 다른 스타일로 재생성되는 문제가 있었습니다. DESIGN.md는 색상 코드, 서체, 버튼 스타일, 컴포넌트 규칙을 텍스트 파일 한 장에 고정해놓고 에이전트가 그 규칙을 매번 참조하게 만드는 방식입니다.

이 파일은 Cursor, Claude Code, Gemini CLI 같은 코딩 에이전트로도 그대로 가져갈 수 있습니다. Stitch MCP 서버를 통해서 외부 에이전트와 연결하면 디자인 시스템이 코드베이스까지 따라갑니다. 설계 규칙이 디자인과 코드 사이를 자동으로 오가는 구조입니다.

💡 마크다운을 선택한 이유도 공식 블로그에 나와 있습니다 — CLAUDE.md, README 등 이미 AI 에이전트들이 읽는 포맷이 마크다운입니다. JSON이나 독점 포맷이 아니라 마크다운을 쓴 것은 “AI 툴체인 어디에서든 읽힌다”는 전략적 선택입니다. Stitch Skills GitHub 레포지토리의 별표가 공개 2주 만에 2,400개를 넘긴 것도 이 구조가 개발자에게 설득력 있게 받아들여졌기 때문입니다.

▲ 목차로 돌아가기

일일 크레딧 구조, 무료지만 전략이 필요합니다

“무료=무제한”이라고 생각했다면, 이 부분이 핵심입니다. 업데이트 전에는 월 350회(표준 모드 기준) 생성 한도가 있었습니다. 3월 18일 이후엔 월간 한도가 일일 크레딧으로 완전히 바뀌었습니다. 매일 자정(UTC 기준)에 크레딧이 리셋됩니다.

모드별로 크레딧 소비량이 다릅니다. 3 Flash가 가장 적게 쓰고, Thinking이 눈에 띄게 많이 씁니다. Redesign은 업로드 이미지 복잡도에 따라 소비량이 달라집니다. Stitch 설정에서 남은 잔량을 실시간으로 볼 수 있는데, 크레딧이 0이 되면 자정 전까지 생성이 막힙니다. 마감이 닥친 상황에서 오후 11시에 크레딧이 떨어지면 다음날 새벽까지 기다려야 합니다.

실측 사용자들 사이에서 공유된 전략은 이렇습니다. 하루 8~12개 화면으로 이뤄진 프로토타입 제작이 3 Flash와 Thinking을 섞어서 현실적으로 가능한 세션 규모입니다. 또 하나, Direct Edit은 크레딧을 쓰지 않습니다. 전체 재생성 없이 텍스트나 이미지를 수정하는 Direct Edit를 최대한 활용하면 크레딧 대비 작업량이 크게 늘어납니다. (출처: medium/@0xmega, 2026.03.21)

직접 따라할 수 있는 크레딧 절약 공식

Ideate(무료 탐색) → 3 Flash × N (초안 화면들) → Direct Edit (크레딧 0 소비) → Thinking × 2~3 (최종 폴리시). 이 순서를 지키면 하루 크레딧으로 완성도 있는 프로토타입이 나옵니다.

▲ 목차로 돌아가기

Figma 주가가 12% 빠진 진짜 이유

3월 19일 Figma(NYSE: FIG) 주가는 하루 만에 7.98% 하락했고, 20일에 추가로 4%가 더 빠졌습니다. 이틀 합산 약 12% 하락입니다. (출처: CNBC, 2026.03.19) Figma 주가는 이미 IPO 고점 대비 약 85% 빠진 상태였는데 여기서 또 12%가 빠진 겁니다.

시장이 반응한 포인트는 “기능 경쟁”이 아니라 “진입 경로 차단”입니다. Figma는 지금까지 비디자이너(PM, 개발자, 스타트업 창업자)를 Figma 생태계로 끌어들이는 전략을 썼습니다. Stitch는 그 잠재 사용자들이 Figma를 배우지 않아도 즉시 UI를 만들 수 있게 만들었습니다. 무료로, 즉시. 20인 팀 기준 Figma Organization 플랜은 연간 약 1만 3,200달러(한화 약 1,900만 원)입니다. Stitch는 0원입니다. (출처: nxcode.io 공식 비교표, 2026.03.18)

단, Stitch가 Figma를 없애는 건 아닙니다. SiliconANGLE은 이렇게 정리했습니다. “Stitch는 이데이션의 도구이고 Figma는 프로덕션의 도구다.” Stitch가 이데이션(0→1) 단계를 가져가면 Figma는 정교화(1→100) 단계에 더 집중하게 됩니다. 실제로 Stitch는 Figma로의 레이어 보존 내보내기를 공식 플러그인으로 지원합니다. 경쟁이 아니라 분업에 가깝습니다.

▲ 목차로 돌아가기

Stitch가 잘하는 것과 못하는 것

솔직히 말하면, Stitch가 잘하는 영역과 못하는 영역이 꽤 명확합니다. 모바일 앱 UI는 정말 빠르게, 완성도 있게 나옵니다. 반면 웹 레이아웃은 더 구체적인 프롬프트가 필요하고 Direct Edit으로 후처리를 해야 같은 수준이 나옵니다. (출처: medium/@0xmega 실측 리뷰, 2026.03.21)

✅ 잘하는 것

  • 모바일 앱 UI 초안 (완성도 높음)
  • 아이디어 → 클릭 가능 프로토타입 (수 분)
  • 스케치 사진 → 고품질 UI 변환
  • 디자인 시스템 일관성 유지 (DESIGN.md)
  • 보이스로 방향 탐색

⚠️ 못하는 것

  • 복잡한 애니메이션
  • 커스텀 일러스트레이션
  • 네이티브 모바일 수준 개발자 핸드오프
  • 팀 실시간 멀티플레이어 협업
  • 2,000+ 플러그인 생태계
  • SSO·엔터프라이즈 거버넌스

보이스 모드(Live Mode)는 탐색 단계에서 유용하지만, “20픽셀 왼쪽으로”처럼 정확한 위치 지정은 잘 안 됩니다. 넓은 방향 변경에 쓰고 세밀한 조정은 Direct Edit으로 처리하는 게 맞습니다.

Stitch는 Google Labs 실험 프로젝트입니다. 공식 블로그에 엔터프라이즈 티어 계획은 아직 공개되지 않았습니다. 프로덕션 환경 전체를 Stitch로 대체하는 건 지금 시점에선 맞지 않습니다.

▲ 목차로 돌아가기

Q&A 5가지

Q1. Stitch 2.0를 쓰려면 유료 결제가 필요한가요?

Google 계정만 있으면 됩니다. 무료입니다. 단, 매일 자정(UTC)에 리셋되는 일일 크레딧 한도가 있습니다. Thinking 모드는 크레딧 소비가 크므로 하루에 몇 번 이상 쓰면 하루 치가 소진됩니다. Direct Edit은 크레딧을 쓰지 않습니다.

Q2. Figma를 쓰고 있는데 Stitch로 이전해야 하나요?

이전보다는 병행이 맞습니다. Stitch는 Figma로 레이어 구조를 보존한 채 내보내기를 공식 지원합니다. 아이디어를 Stitch로 빠르게 여러 방향 탐색 → 채택된 방향만 Figma로 넘겨 정교화하는 흐름이 실무에서 가장 효율적입니다.

Q3. DESIGN.md를 만드는 데 디자인 지식이 필요한가요?

세 가지 방법이 있습니다. 1) 브랜드 느낌을 텍스트로 설명하면 에이전트가 자동 생성, 2) URL을 입력하면 기존 디자인 시스템 추출, 3) 마크다운으로 직접 작성. 첫 번째 방법은 디자인 지식 없이도 가능합니다. 처음엔 에이전트 자동 생성으로 시작해서 조금씩 수정해나가는 게 빠릅니다.

Q4. Stitch에서 만든 디자인을 코드로 바로 쓸 수 있나요?

HTML + Tailwind CSS로 내보내기됩니다. 이 코드는 그 자체로 프로덕션 수준은 아닙니다. 다만 LLM(ChatGPT, Claude 등)이 이 HTML을 받아서 React, Vue, Flutter, SwiftUI로 변환하는 데 좋은 출발점이 됩니다. MCP 서버로 Cursor나 Claude Code에 연결하면 디자인↔코드 양방향 피드백도 가능합니다.

Q5. 보이스 모드(Live Mode)는 실제로 쓸만한가요?

초기 탐색 단계에서는 실제로 씁니다. “헤더를 더 다크하게” “메뉴 3가지 옵션 보여줘” 같은 넓은 방향 지시는 잘 처리됩니다. 다만 “이 요소를 정확히 20px 내려줘” 같은 픽셀 단위 지시는 아직 정확하지 않습니다. 세밀한 수정은 Direct Edit으로 하는 게 맞습니다. 복수 요청을 한 문장으로 말해도 병렬로 처리하는 점은 실제로 편합니다.

▲ 목차로 돌아가기

마치며 — 총평

Google Stitch 2.0은 “무료 AI 디자인 도구”가 아니라, AI 시대에 디자인 작업의 앞단을 통째로 바꾸는 구조적 변화입니다. DESIGN.md가 AI 에이전트 툴체인 전체를 관통하는 설계 규칙 파일이 된다는 점, 그리고 월간 한도가 일일 크레딧으로 바뀌면서 “매일 쓰는 습관”을 유도하는 과금 구조로 전환됐다는 점은 기존 블로그들이 잘 짚지 않은 부분입니다.

Figma 주가 12% 하락이 보여주는 것은 “Stitch가 Figma보다 좋다”는 판단이 아니라 “Figma로 가야 할 사람들이 Figma를 거치지 않을 수 있다”는 공포입니다. 그리고 그 공포는 실제입니다. 스타트업 창업자나 기획자가 아이디어를 Figma 없이 바로 클릭 프로토타입으로 만드는 경험은, 한 번 하고 나면 돌아가기 어렵습니다.

다만 무료니까 제한이 없다는 기대는 내려놓는 게 맞습니다. 일일 크레딧 구조, 엔터프라이즈 기능 부재, 네이티브 앱 핸드오프 한계 — 이 세 가지는 실무 도입 전에 꼭 확인해야 할 조건들입니다. 그 조건을 알고 쓰면, 지금 이 도구는 꽤 씁니다.

▲ 목차로 돌아가기

본 포스팅 참고 자료

  1. ① Google Labs 공식 블로그 — “Introducing vibe design with Stitch” (2026.03.18) https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/
  2. ② SiliconANGLE — “Google upgrades its Stitch AI interface development tool” (2026.03.19) https://siliconangle.com/2026/03/19/google-upgrades-stitch-ai-interface-development-tool/
  3. ③ CNBC — “Figma stock drops 12% after Google releases vibe design product” (2026.03.19) https://www.cnbc.com/2026/03/19/figma-stock-drops-11percent-after-google-releases-vibe-design-product-stitch.html
  4. ④ nxcode.io — “Google Stitch vs Figma AI Design Comparison 2026” (2026.03.18) https://www.nxcode.io/resources/news/google-stitch-vs-figma-ai-design-comparison-2026
  5. ⑤ Sorted Pixels (Substack) — “Vibe Design Is Real: Inside Google Stitch’s March 2026 Update” (2026.03.21) https://nervegna.substack.com/p/vibe-design-is-real-inside-google

본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. 본문의 수치 및 기능 설명은 Google Stitch 2.0 기준(2026.03.18 업데이트) 공식 자료를 바탕으로 작성됐습니다. 크레딧 정책, 모드 구성, 가격 정보는 서비스 업데이트에 따라 달라질 수 있으므로 최신 정보는 stitch.withgoogle.com에서 직접 확인하세요.

댓글 남기기


최신 글


아이테크 어른경제에서 더 알아보기

지금 구독하여 계속 읽고 전체 아카이브에 액세스하세요.

계속 읽기