Google Labs 실험 서비스
Gemini 2.5 기반
Google Stitch 바이브 디자인,
이 조건에서만 씁니다
3월 18일, 구글이 Stitch를 “AI 네이티브 소프트웨어 디자인 캔버스”로 전면 재편했습니다. 발표 당일 Figma 주가는 12% 급락했고, 여기저기서 “디자이너 직업이 사라진다”는 이야기가 쏟아졌습니다. 직접 써보니 — 되는 것과 안 되는 것이 생각보다 뚜렷하게 나뉩니다.
(출처: CNBC, 2026.03.19)
(Gemini 2.5 Flash 기준, 무료)
(Gemini 2.5 Pro 실험 버전)
바이브 디자인이 뭔지, 구글이 공식 설명한 내용
Google Stitch 바이브 디자인의 출발점은 간단합니다. 기존 디자인 툴은 “어떻게 만들 것인가”부터 시작했습니다. 컬럼 몇 개, 패딩 몇 픽셀, 색상 코드 몇 번. 바이브 디자인은 그 순서를 뒤집습니다. “이 앱이 사용자에게 어떤 느낌을 줘야 하는가”부터 시작하고, 구체적인 레이아웃은 AI가 잡습니다.
구글 공식 발표문(2026.03.18)에서는 이를 이렇게 정리했습니다. “비즈니스 목표, 사용자에게 주고 싶은 감정, 참고하는 레퍼런스를 설명하면 AI가 다양한 UI 방향을 빠르게 제안한다. 와이어프레임부터 시작할 필요가 없다.” 공식 발표문에서 직접 확인한 문장입니다. (출처: blog.google, 2026.03.18)
“바이브 코딩(vibe coding)”이라는 단어는 2025년 2월, 전 테슬라 AI 책임자 안드레이 카파시(Andrej Karpathy)가 트위터에 올린 한 문장에서 나왔습니다. 450만 뷰를 기록한 그 트윗이 코딩에서 시작해 이제 디자인 영역까지 넘어온 것입니다.
3월 18일 업데이트, 실제로 달라진 것 4가지
① AI 네이티브 무한 캔버스
기존 Stitch는 프롬프트 하나에 화면 하나가 나오는 방식이었습니다. 이제는 무한 캔버스 위에서 텍스트·이미지·코드·스케치를 한꺼번에 올려두고 AI가 그 모든 맥락을 동시에 이해해 디자인을 생성합니다. 초기 구상에서 프로토타입까지 툴을 바꾸지 않고 한 공간에서 이어집니다.
② 디자인 에이전트 + 에이전트 매니저
새로 도입된 디자인 에이전트는 프로젝트 전체 맥락을 기억합니다. 이미 만든 화면 스타일, 색상 규칙, 컴포넌트 패턴을 그대로 이어받아 다음 화면을 제안합니다. 에이전트 매니저는 여러 방향을 동시에 실험할 수 있게 해 줍니다. 공식 발표문에서는 “git 브랜치처럼 아이디어를 분기시킨다”고 표현했습니다. (출처: Google Labs 공식 블로그, 2026.03.18)
③ 음성 캔버스
“메뉴 옵션 세 가지 보여줘”, “더 어두운 팔레트로 바꿔줘”처럼 말하면 캔버스가 실시간으로 반응합니다. 발표문은 “디자인을 지시하는 것과 대화하는 경계가 흐려진다”고 표현했습니다. 가장 실험적인 기능이고, 실제로 써본 사람들은 “처음엔 어색하지만 금방 익숙해진다”는 반응입니다.
④ DESIGN.md
특정 URL을 넣으면 해당 사이트의 디자인 시스템을 추출해 DESIGN.md 파일로 저장합니다. 이 파일을 다른 Stitch 프로젝트나 외부 코딩 도구에 가져가면 색상·타이포그래피·컴포넌트 규칙이 그대로 이어집니다. 매번 처음부터 디자인 시스템을 세울 필요가 없어지는 부분입니다.
Figma 주가가 왜 12% 빠졌는지
💡 공식 발표문과 주가 데이터를 같이 놓고 보면 시장이 무엇을 두려워했는지 읽힙니다. 발표 내용보다 주가 반응이 더 솔직한 평가였습니다.
3월 18일 발표 당일 Figma 주가는 약 12% 하락했고 이틀 뒤에도 5% 추가 하락 중이었습니다. (출처: CNBC, 2026.03.19) Adobe도 같은 날 2달러 하락했습니다. 시장은 Google Stitch가 Figma의 가장 중요한 기능—UI 목업 생성과 반복—을 무료로 대체할 수 있다고 판단한 것입니다.
실제로 Stitch는 Figma 붙여넣기 기능을 그대로 지원합니다. Stitch에서 AI로 만든 디자인을 복사해 Figma에 붙여넣으면 바로 편집 가능한 레이어로 들어갑니다. Figma를 완전히 대체하는 게 아니라 “Figma 이전 단계”를 점령하겠다는 포지셔닝입니다.
Figma CEO 딜런 필드(Dylan Field)는 2026년 2월 CNBC 인터뷰에서 “변동성은 장기적으로 회사를 강하게 만든다”고 답했습니다. 주가가 빠졌을 때 나온 말치고는 차분한 반응이었습니다. 결론은 간단합니다. 아이디어 탐색 단계에서 Figma를 열어야 할 이유가 줄었습니다. Figma는 여전히 팀 협업·핸드오프·디자인 시스템 관리에서 대체재가 없습니다.
무료인데 왜 모두가 안 쓰냐면
💡 “무료고 강력하다”는 소식만 들으면 모든 걸 할 수 있다고 생각하기 쉽습니다. 실제로는 뚜렷하게 막히는 지점이 있습니다.
Stitch가 무료라는 사실은 맞습니다. 그런데 무료 비교 대상인 Lovable(월 5회 무료)이나 v0(월 $5 크레딧)와 달리 Stitch는 유료 플랜 자체가 없습니다. 350회가 소진되면? 공식 사이트 어디에도 유료 플랜이 없습니다. Google Labs 실험 서비스이기 때문입니다.
Stitch가 못 하는 것
비교 분석 자료(nxcode.io, 2026.03.23 기준)에서 확인한 Stitch의 구조적 한계입니다.
| 항목 | Stitch | Lovable | Bolt |
|---|---|---|---|
| 백엔드 생성 | ❌ 없음 | ✅ 있음 | ✅ 있음 |
| DB·인증 지원 | ❌ 없음 | ✅ 있음 | ✅ 있음 |
| 팀 협업 | ❌ 없음 | ✅ 있음 | ✅ 있음 |
| 원클릭 배포 | ❌ 없음 | ✅ 있음 | ✅ 있음 |
| Figma 내보내기 | ✅ 있음 | ❌ 없음 | ❌ 없음 |
| 유료 플랜 | ❌ 없음 | $25/월~ | $25/월~ |
(출처: nxcode.io Vibe Design Tools 비교, 2026.03.23 / Google Stitch 공식 사이트)
Stitch가 완성된 것은 디자인 목업까지입니다. 실제 작동하는 앱을 만들려면 결국 다른 도구로 넘겨야 합니다. 이 부분이 “무료인데 강력하다”는 소식과 실제 쓰임새 사이의 간격입니다.
또 하나. Stitch는 현재 Google Labs 소속입니다. 구글이 실험 서비스를 갑자기 종료한 사례는 많습니다. 일부 팀이 Stitch를 핵심 워크플로에 넣기를 주저하는 이유가 여기 있습니다. 공식적으로 장기 지원 여부는 아직 발표된 내용이 없습니다.
Stitch·v0·Lovable·Bolt, 상황별 맞는 도구
어떤 도구가 더 낫다는 게 아닙니다. 목적지가 다릅니다. 같은 “AI UI 생성 도구”라는 카테고리에 묶이는데, 실제로는 쓰임새가 완전히 다른 네 가지입니다.
🎨 Google Stitch
아이디어 탐색 단계
방향이 안 잡혔을 때. 한 번에 여러 디자인 방향 보고 싶을 때. 무료라 부담 없음.
⚡ v0 by Vercel
React 컴포넌트 생산
방향 정해진 개발자. Next.js 프로젝트에 바로 합칠 수 있는 shadcn/ui 컴포넌트.
🚀 Lovable
코드 없이 완성 앱
비개발자 창업자. 로그인·DB 포함된 작동하는 MVP. 디자인보다 기능이 우선.
🔥 Bolt
빠른 풀스택 프로토타입
개발자가 빠르게 검증. 모바일(React Native) 지원 필요할 때. 프레임워크 제약 없음.
2026년 3월 기준 업계 디자인 팀의 67%가 이미 AI 생성 도구를 워크플로에 통합했다는 조사가 있습니다. (출처: Sleek Design Report 인용, nxcode.io, 2026.03.23) 67%라는 숫자는 “쓸지 말지”가 아니라 “어떻게 조합할지”의 문제가 됐다는 뜻입니다.
실제로 효과적인 흐름은 Stitch로 방향을 탐색하고 → Figma에서 다듬고 → Lovable이나 Bolt로 작동하는 앱을 만드는 조합입니다. 도구 하나로 끝내려 하면 어디선가 막힙니다.
실제로 쓸 만한 조건이 이렇게 좁습니다
💡 “강력하다”는 말이 맞기도 하고 틀리기도 합니다. 쓰임새가 좁다는 걸 알고 들어가면 오히려 훨씬 잘 씁니다.
솔직히 말하면, Stitch가 딱 맞는 상황은 생각보다 좁습니다. 아래 세 가지 중 하나라도 해당되면 Stitch가 맞는 선택입니다.
“아이디어는 있는데 어떻게 생겼으면 좋겠는지 모른다.” — 방향 탐색이 목적일 때. Stitch로 10가지 방향을 5분 안에 볼 수 있습니다.
투자자 피치나 사내 발표용 목업이 필요할 때. 실제 작동 필요 없이 “이런 느낌”을 보여줄 고품질 시각자료가 목적일 때.
Figma에 넘기기 전 초안을 빠르게 잡고 싶을 때. Stitch → Figma 붙여넣기 흐름이 자연스럽게 연결됩니다.
반대로, 아래 상황이라면 Stitch는 맞지 않습니다.
팀 단위로 쓰고 싶을 때. 현재 Stitch는 개인 도구입니다. 공유·협업 기능이 없습니다.
작동하는 앱을 원할 때. 버튼 누르면 로그인되고 데이터가 저장되는 실제 앱이 필요하다면 Lovable이나 Bolt로 가야 합니다.
기존 디자인 시스템을 엄격하게 지켜야 할 때. AI 생성 결과는 기존 브랜드 규칙을 자동으로 따르지 않습니다. 손이 많이 갑니다.
LinkedIn에서 실사용 후기를 분석해보면(Mickey Stretton, 2026.03.21), 반복 수정 시 매번 새 화면이 생성되어 캔버스가 금방 복잡해지고, 기본이 모바일 레이아웃으로 설정된다는 불편함도 보고됩니다. 처음 쓰는 사람이 “어, 이게 프롬프트 하나당 새 화면이 나오네?”라고 당황하는 순간이 분명 있습니다.
자주 묻는 질문 5가지
Q. Google Stitch는 완전 무료인가요? 언제 유료로 바뀌나요?
현재 Google Labs 실험 서비스로 완전 무료입니다. 월 350회 표준 생성(Gemini 2.5 Flash 기반), 50회 고급 생성(Gemini 2.5 Pro 기반)을 제공합니다. 유료 플랜 출시 계획은 공개된 내용이 없습니다. 다만 Google Labs 서비스 특성상 이 구조가 언제 바뀔지 알 수 없습니다.
Q. Stitch로 만든 디자인을 바로 개발에 쓸 수 있나요?
HTML/CSS 코드로 내보낼 수 있고, Figma에 바로 붙여넣을 수 있습니다. 단, 프레임워크 특정 코드(React, Vue 등)나 백엔드 로직은 생성하지 않습니다. 개발에 바로 연결하려면 Antigravity나 Google AI Studio로 내보내거나, Figma에서 정리 후 별도 개발 단계로 넘겨야 합니다.
Q. Figma를 이미 쓰고 있다면 Stitch를 추가로 써야 할까요?
Stitch와 Figma는 경쟁 관계가 아닙니다. Stitch는 “방향이 안 잡혔을 때 여러 안을 빠르게 보는” 도구입니다. 방향이 정해지면 Figma에서 다듬는 게 자연스러운 흐름입니다. Stitch → Figma 붙여넣기 기능이 직접 연결되어 있어서 병행이 어색하지 않습니다.
Q. 디자인 경험이 없어도 쓸 수 있나요?
구글 계정만 있으면 접속 가능하고 텍스트 입력만으로 고해상도 UI가 나옵니다. 실사용 후기에서 “바이브코딩 사용자 63%가 개발자가 아니다”라는 통계도 있습니다. 다만 어떤 방향이 좋은지 고르는 눈—디자인 감각과 브랜드 판단—은 AI가 대신해주지 않습니다. 생성은 쉽지만 선택에는 경험이 필요합니다.
Q. DESIGN.md가 뭔지 좀 더 알고 싶습니다.
DESIGN.md는 마크다운 형식의 디자인 규칙 파일입니다. 특정 URL을 Stitch에 입력하면 해당 사이트의 색상·폰트·간격·컴포넌트 패턴을 자동으로 추출해 이 파일에 저장합니다. 이 파일을 다른 Stitch 프로젝트나 외부 AI 코딩 도구에 넣으면 같은 디자인 언어로 작업이 이어집니다. 공식 문서는 stitch.withgoogle.com/docs/design-md/overview/에서 확인할 수 있습니다.
마치며
Google Stitch 바이브 디자인 업데이트가 Figma 주가를 12% 뚫었을 때, 대부분의 반응은 두 가지였습니다. “디자이너 직업이 사라진다” 아니면 “과장됐다”. 직접 들여다보면 둘 다 틀렸습니다.
Stitch는 디자인 “탐색” 단계를 빠르게 만드는 도구입니다. 디자인 그 자체를 대체하는 게 아닙니다. 와이어프레임을 잡는 3시간을 5분으로 줄여줍니다. 그 뒤에 뭘 선택해야 하는지, 왜 이 방향이 맞는지 판단하는 일은 여전히 사람 몫입니다. 그리고 그 판단이 더 중요해졌습니다. 누구나 30초에 그럴싸한 화면을 뽑아낼 수 있으니까요.
무료고 강력하다는 건 맞습니다. 단, “아이디어 탐색 + Figma 전 단계”라는 범위 안에서. 그 범위를 알고 쓰면 지금 나와 있는 디자인 도구 중 가장 부담 없이 시작할 수 있는 선택지입니다.
📌 본 포스팅 참고 자료
- Google 공식 블로그 — Introducing “vibe design” with Stitch (2026.03.18)
- Google Developers 공식 블로그 — Stitch 소개 (2025.05.20)
- Business Insider — Google declares ‘vibe design’ is here as Figma’s stock price sinks (2026.03.19)
- NxCode — Vibe Design Tools 2026: Stitch vs v0 vs Lovable vs Bolt Compared (2026.03.23)
- Muzli — Google just introduced “Vibe Design” with Stitch (2026.03.18)
- Google Stitch 공식 문서 — DESIGN.md Overview
본 포스팅 작성 이후 서비스 정책·UI·기능이 변경될 수 있습니다. Google Stitch는 Google Labs 실험 서비스로, 기능 및 제공 방식이 예고 없이 변경되거나 종료될 수 있습니다. 최신 정보는 stitch.withgoogle.com에서 직접 확인하세요.
댓글 남기기