Google Stitch 리뷰: 목소리와 AI로 앱에 생명을 불어넣다

앱 아이디어가 머릿속에 너무 선명해서 거의 눈앞에 보이는 듯한데, 막상 디자인 도구를 열면 그 모습이 사라져 버리는 경험이 있나요?

머릿속 아이디어와 화면에 나타나는 결과 사이의 간극을 Google Stitch (GOOGL )가 메우려 합니다. 제 경험으로는 그 목표에 꽤 가까이 다가갔습니다.

Stitch는 다른 AI 디자인 도구와 다릅니다. 결과물이 제대로 보이기 시작할 때까지 새로운 시스템을 배우거나 캔버스에서 구성 요소를 끌어다 놓으라고 요구하지 않습니다.

사용법은 아주 간단합니다. 원하는 앱이나 웹사이트를 설명하면 됩니다. 원한다면 말로 설명해도 되고, 몇 분 안에 완성된 인터페이스 화면들이 나타나기 시작합니다.

이번 Google Stitch 리뷰에서는 장단점, 도구의 정체와 적합한 사용자, 주요 기능을 살펴보겠습니다. 이어서 여행 짐 꾸리기 체크리스트 앱의 UI 디자인을 어떻게 만들었는지 보여 드리겠습니다.

마지막으로 Stitch를 제가 추천하는 세 가지 대안인 Base44, Softr, Draftbit과 비교하겠습니다. 글을 다 읽으면 Stitch가 자신에게 맞는지 판단할 수 있을 것입니다.

총평

Google Stitch는 텍스트, 음성, 스케치로 UI를 아주 쉽게 만들 수 있게 해 줍니다. 결과물은 Figma나 코드로 내보낼 수 있고, 수동으로 또는 AI와 대화하면서 실시간으로 수정할 수 있습니다. 빠르게 진행하는 프로젝트에 좋지만 디자인이 평범해 보일 수 있고, 세부 제어가 제한적이며, 복잡한 흐름은 다루기 어렵습니다.

Stitch란?

Google Stitch는 Google Labs의 UI 디자인 도구로, AI를 활용해 텍스트 프롬프트, 스케치, 스크린샷을 반응형 웹사이트와 모바일 앱으로 바꿉니다.

예를 들어 Stitch에 어두운 테마와 카드형 레이아웃을 적용한 피트니스 앱의 모바일 대시보드를 만들어 달라고 하면, 실제 구성 요소로 전체 인터페이스를 만들기 시작합니다. HTML과 CSS로 된 프런트엔드 코드를 내보낼 수 있어, 처음부터 다시 만들 필요 없이 개발자에게 전달하거나 기존 작업 흐름에 바로 통합할 수 있습니다.

기원: Galileo AI

Stitch는 갑자기 등장한 도구가 아닙니다. Google은 Galileo AI라는 스타트업을 인수했습니다. 이 회사는 텍스트 프롬프트와 이미지로 UI 디자인을 생성하는 기술을 전문으로 했습니다. Google은 그 기술을 자사 생태계에 통합하고 Stitch라는 이름으로 바꿨습니다.

따라서 디자이너들이 이미 적지 않은 돈을 내고 사용하던 도구의 발전된 버전을 쓰는 셈입니다. 기반 모델을 처음부터 만든 것이 아니라 기존 모델을 다듬었다는 뜻입니다.

첫 출시

이 도구는 Google I/O 2025에서 공식적으로 처음 공개됐습니다. 이 행사는 Google의 연례 개발자 행사입니다. 다만 처음 나온 버전은 꽤 미완성된 느낌이었습니다.

2026년 3월의 디자인 개편이 사람들의 관심을 본격적으로 끌었습니다. 인터페이스가 깔끔해지고 결과물도 더 정교해졌으며, 프로토타입보다는 실제 작업에 쓸 만한 도구처럼 느껴졌습니다.

바이브 디자인 도구

Stitch가 다른 AI 디자인 도구와 다른 점은 바이브 디자인 도구라는 것입니다. “12열 그리드와 16px 열 간격을 사용해 줘” 같은 기술 사양 대신, 원하는 느낌을 설명합니다.

예를 들어 “명상 앱을 위한 차분하고 신뢰감을 주는 온보딩 화면”이라고 말하는 식입니다. Stitch는 그 의도를 해석해 실제로 쓸 수 있는 UI 디자인으로 바꿉니다.

브라우저에서 사용

마지막으로 제가 특히 마음에 들어 하는 점은 설치할 것이 없다는 것입니다. 브라우저에서 stitch.withgoogle.com에 접속하면 됩니다. 복잡한 계정 설정이나 메모리를 잡아먹는 데스크톱 앱 다운로드가 필요하지 않습니다. 바로 사용할 수 있습니다.

최신 Gemini Pro로 구동되는 도구가 전부 브라우저 안에서 실행된다는 점은 꽤 인상적입니다.

이것이 Stitch가 탄생한 배경입니다. 접근하기 쉬운 이 도구는 많은 사람이 UI 디자인을 생각하는 방식을 바꿀 가능성이 큽니다.

Stitch는 누구에게 적합할까요?

Google Stitch는 다음 사용자에게 특히 적합합니다.

• 독립 제작자는 기술 전문 지식 없이도 앱 아이디어를 흐름과 코드로 빠르게 바꿀 수 있습니다.
• 프런트엔드 팀은 CLI로 디자인 요소의 여러 버전을 자동 생성하고 프로젝트를 Tailwind와 JSX로 내보낼 수 있습니다.
• 제품 책임자는 디자인 변형을 만들고 고객의 목표에 빠르게 맞출 수 있습니다.
• 기술 배경이 없는 창업자는 Stitch의 바이브 디자인과 음성 명령으로 구상 중인 모습을 설명해 앱을 구현할 수 있습니다.
• 에이전시는 무한 캔버스에서 여러 디자인 방향을 탐색하고 회의 중 고객과 함께 실시간으로 수정할 수 있습니다.

Stitch의 주요 기능

Stitch의 주요 기능은 다음과 같습니다.

• 텍스트 프롬프트로 원하는 것을 설명하면 완성된 웹 또는 모바일 디자인이 생성됩니다. 여러 화면, 레이아웃, 구성 요소, 색상, 타이포그래피까지 만들어 줍니다.
• Live Mode에서는 기기의 마이크로 AI와 대화해 완성된 웹 또는 모바일 디자인을 생성할 수 있습니다. 대화를 이어 가며 디자인을 즉시 수정하고 업데이트할 수 있습니다.
• 스케치나 스크린샷을 업로드해 편집 가능한 앱과 웹사이트 UI로 바꿀 수 있습니다.
• 원본을 유지한 채 화면 변형을 만들고 비교할 수 있습니다. 여러 화면에 변경을 동시에 적용해 흐름의 일관성을 유지할 수도 있습니다.
• 색상과 텍스트를 직접 편집하고 프롬프트로 더 세밀하게 다듬을 수 있습니다.
• 레이어, 구성 요소, 레이아웃을 유지한 채 디자인을 Figma로 보내 팀 단위 편집을 쉽게 할 수 있습니다.
• 프로젝트를 HTML/CSS 또는 JSX/Tailwind로 내보내 개발자에게 쉽게 전달하거나 프런트엔드 작업 흐름에 즉시 사용할 수 있습니다.
• 명령줄(CLI)에서 Stitch를 실행하고 빌드 프로세스에 포함할 수 있습니다.
• 최신 Gemini 3 Flash로 고품질 HTML 디자인을 생성하며, Gemini 3.1 Pro는 속도보다 최고 품질과 추론 능력을 우선합니다.
• 이미지를 참고 자료로 업로드해 AI가 생성하는 디자인에 스타일, 레이아웃, 특정 요소를 반영하도록 유도할 수 있습니다.

Stitch 사용 방법

저는 Google Stitch로 여행 짐 꾸리기 체크리스트 앱의 UI를 다음과 같이 만들었습니다.

1. Stitch 가입하기
2. 프롬프트 추가하기
3. 설정 조정하기
4. Live Mode 사용해 보기
5. AI에게 만들 것을 설명하기
6. 앱 또는 웹사이트 생성하기
7. 프롬프트로 편집하기
8. 수동으로 편집하기
9. 미리보기, 내보내기, 공유하기

1단계: Stitch 가입하기

먼저 stitch.withgoogle.com에 접속해 “Try now”를 선택했습니다.

복잡한 가입 절차를 거칠 필요 없이 Stitch AI 생성기로 이동했습니다.

왼쪽에는 제 프로젝트와 다른 사람이 공유한 프로젝트가 있었습니다. 가운데 생성기에서는 스케치나 스크린샷을 업로드하고 프롬프트로 앱이나 웹사이트를 생성할 수 있었습니다.

2단계: 프롬프트 추가하기

생성기 위쪽에 다음과 같은 예시 프롬프트가 있었습니다.

• 목적지의 날씨와 여행 유형에 따라 챙길 물건을 추천하는 여행 짐 꾸리기 체크리스트 앱.
• 로맨틱한 데이트나 저녁 데이트 아이디어를 살펴보는 모바일 앱의 탐색 탭.
• 언어 학습 앱의 퀴즈 페이지. 위쪽에 진행 표시줄이 있고, 제목은 스페인어 단어에 맞는 답을 네 가지 보기 중에서 고르도록 합니다.

예시 중 하나를 고르거나 직접 프롬프트를 입력할 수 있었습니다.

Stitch의 예시는 AI가 잘 처리하는 명확한 구조를 갖춘 무난한 선택이지만, 저는 더 흥미로운 것을 디자인할 수 있는지 보고 싶었습니다.

그래서 세부 사항을 추가한 프롬프트를 입력했습니다.

“11월에 런던으로 떠나는 3일간의 출장에 특화된 여행 짐 꾸리기 체크리스트 앱. UI는 전문적이고 고급스러운 느낌이어야 하며, ‘기내 수하물만’ 토글과 스마트 날씨 위젯을 넣어 주세요. ‘기술 및 전자기기’ 섹션을 포함하고 진한 네이비와 부드러운 회색 계열의 팔레트를 사용해 주세요.”

3단계: 설정 조정하기

아래쪽에는 다음 설정이 있었습니다.

• 스크린샷, 스케치, 시각적 참고 자료 첨부
• 디자인 유형 선택: 앱 또는 웹사이트
• 디자인 시스템 선택: Bauhaus, Neon Tokyo, Candy 등의 프리셋
• 모델 선택: 고품질 디자인용 3 Flash, 속도보다 품질을 우선하는 3.1 Pro, Nano Banana Pro를 이용한 재디자인, 문제 해결을 위한 아이디어 구상

스크린샷이나 스케치는 굳이 올리지 않았지만 디자인 유형은 “App”으로 맞췄습니다. 디자인 시스템은 “Silk”를 선택했습니다. 최신 모델인 3.1 Pro도 골랐는데, 3.0보다 오래 걸리지만 디자인 품질이 가장 높습니다.

4단계: Live Mode 사용해 보기

그런데 Generate를 누르기 전에, 이전 UI 디자인 도구에서는 본 적 없는 Live Mode 버튼이 눈에 들어왔습니다.

5단계: AI에게 만들 것을 설명하기

프롬프트를 입력하는 대신 기기의 마이크로 AI에게 무엇을 만들고 싶은지 말할 수 있었습니다. 제 생각에는 꽤 멋진 기능입니다.

대화형 디자인 과정에서 AI는 내용을 명확히 하기 위한 질문을 하고, 제안을 내놓으며, 결과가 제 구상에 맞을 때까지 실시간으로 수정합니다. 기존 도구를 사용하는 것보다 조수와 협업하는 느낌이어서 신선했습니다.

AI에게 정확히 같은 프롬프트를 말했습니다.

“11월에 런던으로 떠나는 3일간의 출장에 특화된 여행 짐 꾸리기 체크리스트 앱. UI는 전문적이고 고급스러운 느낌이어야 하며, ‘기내 수하물만’ 토글과 스마트 날씨 위젯을 넣어 주세요. ‘기술 및 전자기기’ 섹션을 포함하고 진한 네이비와 부드러운 회색 계열의 팔레트를 사용해 주세요.”

6단계: 앱 또는 웹사이트 생성하기

몇 분 후 AI는 스타일 가이드와 네 개의 화면을 만들었습니다. 항목 추가, 짐 꾸리기 체크리스트, 날씨 및 제안, 여행 개요였습니다.

Stitch가 생성한 결과는 놀랄 만큼 정확했습니다. 런던에 관한 구체적인 정보와 ‘기내 수하물만’ 토글, 추천 사항을 담은 날씨 위젯 같은 세부 사항이 포함됐습니다. 프롬프트를 입력할 필요조차 없이 원하는 것을 AI에게 말하기만 했습니다!

7단계: 프롬프트로 편집하기

아래쪽의 빈 프롬프트 입력란에서 “기술 섹션에 물건을 더 추가해 줘”, “네이비를 차콜 그레이로 바꿔 줘” 같은 수정을 요청할 수 있었습니다. 저는 네이비를 차콜 그레이로 바꿔 달라고 했습니다.

몇 초 후 Stitch는 네이비 대신 회색을 적용한 완전히 새로운 화면 묶음을 생성했습니다. 원본 화면도 유지해 주어서 좋았습니다.

8단계: 수동으로 편집하기

오른쪽에는 추가 수동 도구가 있었습니다.

• Select(V): 화면을 클릭해 AI로 편집하거나 Modify 아래의 Edit(E)를 눌러 텍스트 같은 특정 부분을 수정합니다.
• Mark(M): 특정 영역을 상자로 표시하면 텍스트 입력란이 나타납니다. 여기서 해당 영역의 변경 사항을 AI에게 설명할 수 있습니다.
• Direct Edit(E): 디자인의 특정 요소를 클릭해 수동으로 또는 AI와 함께 편집합니다.
• Pan(H): 클릭하고 끌어 캔버스 위를 이동합니다.
• 캔버스에 파일 업로드: 사진을 추가해 AI가 참고하도록 합니다.
• Design System: 디자인에 사용된 여러 색상 팔레트를 확인합니다.
• Favourites: 좋아하는 화면에 별표를 붙여 모음을 만듭니다.

Mark를 사용해 보고 싶어서 키보드의 M을 누르고, 행사 이름과 장소, 행사까지 남은 일수, 해당 장소의 날씨가 적힌 카드 하나를 상자로 표시했습니다.

Stitch가 특정 변경을 할 수 있는지 알아보려고 다음 프롬프트를 입력했습니다.

“이 행사 카드를 ‘개인 맞춤 일정’ 위젯으로 바꿔 주세요. 장소는 Barbican Centre로 유지하되, 행사는 ‘Searcys에서 열리는 비공개 고객 만찬’으로 바꿔 주세요. 작은 ‘메뉴 보기’ 버튼과 현재 켜진 상태인 ‘알림’ 토글을 추가해 주세요.”

몇 초 후 Stitch는 기존 요소를 모두 유지하면서 카드만 수정한 새 화면을 만들었습니다! 장소는 그대로였고, 행사는 요청한 비공개 고객 만찬으로 바뀌었습니다. 메뉴 보기 버튼과 켜진 상태의 알림 토글도 추가됐습니다.

9단계: 미리보기, 내보내기, 공유하기

모든 결과가 마음에 들자 오른쪽 위로 이동했습니다. 화면을 연결하고 즉시 프로토타입으로 미리 보거나, 내보내고 공유하는 선택지가 다양했습니다.

Instant Prototype(재생 버튼) 옵션은 꽤 멋졌습니다. 휴대폰이나 태블릿 형식으로 볼 수 있는 프로토타입을 생성했고, 모든 화면이 연결되어 바로 상호작용할 수 있었습니다. 화면을 더 추가하고 편집하고 연결할 수도 있었습니다.

미리보기에서 이곳저곳 클릭하며 프로토타입을 수정하기는 아주 쉬웠습니다. 여러 보기나 도구를 오갈 필요 없이 현재 맥락 안에서 모두 업데이트됐습니다. 덕분에 최종 제품이 어떻게 보일지뿐만 아니라 실제로 어떻게 작동할지 더 명확히 알 수 있었습니다.

내보내기 선택지도 다양했습니다. Figma, Jules, .zip 등이 있었습니다.

전반적으로 Google Stitch는 디자인 과정을 빠르고 쉽게 만들었습니다. 도구 사용법을 익히기보다 만드는 일에 더 집중할 수 있었습니다.

Live Mode는 단연 가장 인상적인 기능이었습니다. 실제 조수와 함께 일하는 듯한 상호작용을 느낄 수 있었습니다.

Stitch의 세 가지 추천 대안

다음은 Google Stitch의 추천 대안입니다.

Base44

제가 추천하는 첫 번째 Google Stitch 대안은 Base44입니다. 원하는 것을 설명하면 코드나 설정 없이 앱과 웹사이트를 빠르게 만들어 줍니다.

사용자 인증, 데이터 저장, 권한 기능이 내장되어 백엔드를 바로 사용할 수 있습니다. 따라서 코드를 한 줄도 쓰지 않고 실제 로그인 기능이 있는 대시보드를 만들 수 있습니다.

두 도구 모두 UI를 빠르게 생성합니다. 개발자가 아니어도 신속하게 프로토타입을 만들고 싶다면 어느 쪽이든 도움이 됩니다. 다만 여기서 방향이 갈립니다.

Stitch의 핵심은 디자인입니다. UI 레이아웃을 생성하고 AI로 실시간 수정한 뒤 모든 결과물을 Figma나 깔끔한 코드로 내보내는 데 뛰어납니다.

Base44는 더 범용적입니다. 관리자 대시보드, 온라인 상점, 랜딩 페이지 등을 생성하는 데 좋으며, 설명한 대로 백엔드까지 포함해 만듭니다.

백엔드가 있는 완전한 앱을 빠르게 만들려면 Base44를, 깔끔한 UI와 Figma 내보내기 및 AI 디자인 수정이 필요하다면 Google Stitch를 선택하세요.

제 Base44 리뷰를 읽거나 Base44를 방문하세요!

Softr

다음으로 추천하는 Google Stitch 대안은 Softr입니다. 자신의 비즈니스에 필요한 것을 만드는 사람에게 더 적합합니다.

Softr로는 코드를 쓰지 않고 맞춤형 AI 앱, 대시보드, 고객 포털을 만들 수 있습니다. 데이터베이스와 안전한 로그인 기능이 내장되어 바로 사용할 수 있으며, Airtable, Google Sheets, HubSpot 등 이미 쓰고 있을 법한 도구와도 연결됩니다.

Softr와 Google Stitch 모두 노코드여서 개발 경험이 없는 사람도 접근하기 쉽습니다. 하지만 공통점은 대체로 여기까지입니다.

Stitch는 디자인을 우선하는 도구로, AI의 도움을 받아 보기 좋은 UI 화면을 만든 뒤 Figma로 옮기거나 코드로 내보냅니다. 데이터를 관리하거나 고객 온보딩을 자동화하려는 도구는 아닙니다.

Softr는 데이터가 이미 있고, 그 위에 앱이 필요하다는 생각에 기반합니다. 비즈니스 워크플로, 데이터 인터페이스, 적절한 사람에게 적절한 정보를 제공하는 데 중점을 둡니다.

로그인과 데이터가 있는 고객 포털이 필요하면 Softr를 선택하세요. 앱 화면을 디자인해 개발자에게 전달하려면 Stitch를 선택하세요. Stitch는 앱의 모습을 디자인하고, Softr는 앱이 작동하는 방식을 구현합니다.

제 Softr 리뷰를 읽거나 Softr를 방문하세요!

Draftbit

마지막으로 추천하는 Google Stitch 대안은 Draftbit입니다. 모바일 및 웹 앱을 디자인하고 만들고 출시하는 로우코드 앱 빌더입니다. 전체 코드 내보내기와 즉각적인 앱스토어 배포를 지원합니다.

두 플랫폼 모두 많은 코딩 없이 앱 인터페이스를 빠르게 만들 수 있어 개발 속도를 높이는 데 유용합니다.

Draftbit은 더 깊은 개발 기능이 강점입니다. 로직 추가, API 연결, 실시간 협업이 가능하며, 플랫폼에 종속되지 않고 코드를 내보낼 수 있습니다. 앱 출시에 초점을 맞춘 도구인 반면, Google Stitch는 AI로 UI 디자인을 생성하고 다듬은 다음 추가 개발을 위해 내보내는 데 더 집중합니다.

실제 기능과 코드 소유권을 갖춘 모바일 앱을 만들고 출시하려면 Draftbit을 선택하세요. AI로 UI를 빠르게 디자인하고 반복 수정하면서 Figma와 코드로 내보내려면 Google Stitch를 선택하세요.

제 Draftbit 리뷰를 읽거나 Draftbit을 방문하세요!

Stitch 리뷰: 나에게 맞는 도구일까요?

Google Stitch를 사용해 본 뒤, 기존 디자인 도구와는 다른 느낌이라고 자신 있게 말할 수 있습니다. 만들고 싶은 것을 정말 이해하는 상대와 대화하는 느낌에 가깝습니다.

아이디어를 말로 풀어내면 몇 분 안에 화면이 만들어지고 곧바로 모습과 흐름을 미리 볼 수 있다는 것은 전에 경험하지 못한 일입니다. 이런 속도와 즉시 반응의 조합은 특히 아이디어가 계속 바뀌는 혼란스러운 초기 단계에서 찾기 어렵습니다.

하지만 Stitch도 완벽하지는 않습니다. 백엔드 로직이나 자동화된 워크플로, 또는 완전히 작동하는 앱에 가까운 것이 필요하면 금방 한계에 부딪힙니다.

그렇다면 다음 대안 중 하나를 시도해 보세요.

• Base44는 로그인이나 데이터 저장 같은 백엔드가 포함된 앱을 빠르게 만들기에 가장 적합합니다.
• Softr는 비즈니스 도구, 고객 포털, 기존 데이터를 바탕으로 한 앱에 가장 적합합니다.
• Draftbit은 완전한 제어권과 코드 소유권을 유지하며 모바일 앱을 만들고 출시하기에 가장 적합합니다.

Stitch의 강점은 이렇습니다. 정리되지 않은 아이디어를 최대한 빨리 보여 줄 만한 결과물로 바꾸는 데 이보다 나은 도구는 아직 찾지 못했습니다. 초기 개념이나 고객 제안, 머릿속 생각을 화면으로 옮기는 일에 Stitch만 한 도구를 찾기 어렵습니다.

제 Google Stitch 리뷰를 읽어 주셔서 감사합니다. 도움이 되었기를 바랍니다. 무료로 사용해 보고 어떤지 직접 확인해 보세요.

자주 묻는 질문

Google Stitch는 완전히 무료인가요?

네, Google Stitch는 무료입니다. 텍스트나 스케치로 UI 디자인을 만들며 음성 캔버스, 프로토타입, 코드 내보내기 기능을 제공합니다.

Google Stitch는 어떤 용도로 쓰나요?

Google Stitch는 Google Labs의 AI 도구로, 텍스트나 이미지를 UI 디자인과 상호작용 가능한 프로토타입으로 빠르게 바꿉니다.