이 글에서 다루는 내용

이 글은 Google Labs에서 출시한 AI 기반 UI 디자인 도구인 Google Stitch가 무엇인지, 어떤 기능을 제공하는지, 그리고 개발자·디자이너·기획자 중 누가 가장 효과적으로 활용할 수 있는지를 실제 대화를 바탕으로 정리한 내용입니다. 텍스트 프롬프트 하나로 앱 UI가 뚝딱 나오는 시대, 과연 어떻게 써야 할까요?

Google Stitch란?

Google Stitch는 Google Labs에서 2025년 5월 Google I/O를 통해 공개한 AI 기반 UI 디자인 도구입니다. 사용자가 자연어로 원하는 화면을 설명하거나 스케치·와이어프레임 이미지를 업로드하면, AI가 이를 분석해 모바일 및 웹 UI 디자인과 프론트엔드 코드를 자동으로 생성해줍니다.

stitch.withgoogle.com

기존 디자인 툴(Figma, Sketch 등)이 "빈 캔버스에서 직접 만드는" 방식이라면, Stitch는 프롬프트에서 시작해 초안을 AI가 잡아주는 방식으로 접근합니다. 이는 디자인 경험이 없는 사람도 수 분 안에 쓸 만한 화면을 만들 수 있다는 것을 의미합니다.

주요 기능

프롬프트 기반 UI 생성

텍스트로 원하는 UI를 설명하면 여러 화면 레이아웃을 자동으로 생성합니다. "사이드바, 칸반보드, 상단 알림 바가 있는 프로젝트 관리 대시보드"처럼 구체적으로 쓸수록 결과가 좋습니다.

이미지 입력 지원

손으로 그린 스케치, 경쟁사 앱 스크린샷, 와이어프레임 이미지를 업로드하면 이를 기반으로 디지털 UI를 생성합니다. "이 레이아웃을 B2B SaaS 스타일로 바꿔줘"처럼 후속 프롬프트로 방향을 잡을 수도 있습니다.

코드 내보내기

생성된 UI는 HTML + TailwindCSS 코드로 바로 내보낼 수 있습니다. 깔끔하고 현대적인 마크업으로 출력되어 개발 핸드오프에 바로 사용할 수 있는 수준입니다.

Figma 내보내기

"Copy to Figma" 버튼 하나로 생성된 UI를 Figma로 붙여넣기할 수 있습니다. 레이아웃과 구성요소가 그대로 유지되어 디자이너가 이어서 다듬기가 쉽습니다.

AI 네이티브 캔버스 (최신 업데이트)

인피니티 캔버스, 음성 명령, MCP 서버·SDK 연동, 인터랙티브 프로토타입 즉시 변환 기능이 추가되었습니다. 에이전트가 프로젝트 전체 흐름을 추적하며 여러 방향의 아이디어를 병렬로 관리할 수 있습니다.

요금제

현재 Google Labs를 통해 무료로 제공되며 Google 계정만 있으면 됩니다.

모드	AI 모델	월 생성 횟수
Standard	Gemini 2.5 Flash	350회
Experimental	Gemini 2.5 Pro	50회

향후 Google이 유료 플랜을 도입할 가능성이 있으며, Labs 단계에서는 인퍼런스 비용을 Google이 부담합니다.

누가 쓰면 좋을까?

기획자 / PM에게 최적

개발자나 디자이너에게 아이디어를 설명하기 전, "이런 느낌이에요"라고 보여줄 수 있는 시안을 수 분 만에 만들 수 있습니다. 말로 설명하던 것을 화면으로 대체할 수 있어 협업 효율이 크게 올라갑니다.

스타트업 창업자에게 유용

디자이너 없이도 투자자나 팀원에게 보여줄 프로토타입을 빠르게 제작할 수 있습니다. 아이디어 검증 단계에서 시간과 비용을 절약하는 데 효과적입니다.

디자이너의 초안 작업 보조

빈 캔버스에서 시작하는 대신, AI가 생성한 초안을 출발점으로 삼아 디테일을 다듬는 방식으로 워크플로우를 바꿀 수 있습니다. 특히 아이디어 발산 단계에서 유용합니다.

개발자에게는 제한적

HTML + TailwindCSS 형태로만 코드가 출력되기 때문에 SwiftUI, Jetpack Compose, React Native 같은 네이티브 스택에는 바로 쓸 수 없습니다. 다만 클라이언트 미팅 전 빠른 시안 제작, Figma 핸드오프 전 레이아웃 방향 확인 정도의 용도로는 충분히 쓸 만합니다.

한계점

레이아웃 스타일이 다소 단조로울 수 있음
2~3개 화면 이상의 복잡한 플로우는 일관성 유지가 어려움
브랜드 가이드라인이나 디자인 토큰 자동 적용 미지원
애니메이션 및 고급 인터랙션 미지원
Experimental 모드는 속도가 느리고 결과가 일관되지 않을 수 있음

디자인

흰 배경 별점 색상 추천

Google Stitch란? AI로 UI 디자인하는 시대가 왔다