앱 아이디어를 떠올리는 건 쉽다. “우리 가게 예약 앱이 있으면 좋겠다”, “동호회 회비 관리 화면을 만들고 싶다”, “회사 내부 신청 페이지를 만들면 편하겠다” 정도는 누구나 말할 수 있다.
문제는 그다음이다. 화면을 어떻게 그릴지, 버튼은 어디에 둘지, 목록은 어떤 식으로 보여줄지 생각하기 시작하면 갑자기 일이 커진다. Google Stitch는 바로 이 막막한 첫 화면을 AI가 대신 그려주겠다는 도구다.
https://stitch.withgoogle.com/
Google Stitch는 무엇인가
Google Stitch는 Google Labs의 AI UI 디자인 도구다. 사용자가 말이나 글로 “이런 앱 화면을 만들고 싶다”고 설명하면, Stitch가 모바일 앱이나 웹 화면의 UI 초안을 만들어준다.
Google은 2026년 3월 Stitch를 “vibe design” 도구로 소개했다. 정확한 와이어프레임을 먼저 그리는 대신, 만들고 싶은 느낌과 목적을 말하면 AI가 고품질 UI 방향을 제안하는 방식이다.
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-ai-ui-design/
예를 들어 “깔끔한 금융 대시보드, 다크 모드, 월별 지출 그래프, 구독료 알림이 있는 앱 화면”이라고 말하면, Stitch가 그 설명을 바탕으로 화면을 만든다. 이후 사용자는 색상, 구성, 문구를 다시 지시하며 다듬을 수 있다.
Figma 대체일까
많은 사람이 궁금해하는 질문은 이것이다. Stitch가 Figma를 대체할까.
현재 기준으로는 “완전 대체”보다는 “초안 생성 도구”에 가깝다. Figma는 디자이너가 세밀하게 화면을 만들고, 컴포넌트와 디자인 시스템을 관리하고, 팀과 협업하는 전문 도구다. Stitch는 그보다 앞단에서 아이디어를 빠르게 화면으로 바꿔보는 데 강하다.
The Verge도 Stitch를 텍스트 프롬프트나 참고 이미지를 UI 디자인과 프론트엔드 코드로 바꾸는 도구로 소개했다. Figma로 내보내거나 앱 개발 흐름에 연결할 수 있다는 점은 매력적이지만, 곧바로 전문 디자인 작업을 모두 대체한다고 보기는 어렵다.
https://www.theverge.com/news/670773/google-labs-stitch-ui-coding-design-tool
즉 Stitch는 “디자이너를 없애는 도구”라기보다, 디자이너나 기획자, 개발자가 첫 화면을 훨씬 빨리 보게 해주는 도구에 가깝다.
사용자 반응은 엇갈린다
Reddit의 UXDesign 커뮤니티에는 실제로 Stitch를 써본 반응이 올라왔다. 한 사용자는 컨퍼런스 앱 화면 5개를 요청했는데, 결과가 훌륭하진 않았고 레이아웃과 타이포그래피가 일관되지 않았다고 평가했다. 색상도 원래 참고한 웹사이트보다 둔했고, 접근성 대비 문제도 있었다고 했다.
https://www.reddit.com/r/UXDesign/comments/1rywx4w/google_stitch_reviews/
반대로 다른 사용자는 결과가 아주 세련되지는 않지만 “기본적인 콘셉트 디자인으로는 쓸 만하다”고 했다. 다른 도구는 차라리 처음부터 직접 하는 게 빠르다고 느낀 적이 있었지만, Stitch는 기능을 활용한 뒤 자기 스타일을 입힐 수 있겠다고 평가했다.
https://www.reddit.com/r/UXDesign/comments/1n1sp26/google_stitch/
이 두 반응을 합치면 결론은 꽤 명확하다. Stitch는 완성품을 한 번에 뽑는 도구라기보다, 빈 화면에서 출발하는 시간을 줄여주는 도구다.
어떤 사람이 쓰면 좋을까
첫째, 아이디어는 있지만 화면을 못 그리는 사람에게 좋다. 창업 아이디어, 내부 업무 앱, 동아리 서비스, 개인 프로젝트를 설명만으로 화면화해볼 수 있다.
둘째, 개발자에게도 유용할 수 있다. 백엔드나 기능 구현은 할 수 있지만 UI 감각이 부족한 경우, Stitch로 기본 화면을 만들고 코드를 참고해 출발할 수 있다.
셋째, 기획자에게도 도움이 된다. 말로만 설명하던 서비스를 화면으로 보여주면 회의가 빨라진다. “이런 느낌이에요”라고 말하는 것보다 실제 화면 초안을 보여주는 편이 훨씬 쉽다.
다만 전문 디자이너가 최종 품질을 기대하고 쓰면 실망할 수 있다. 간격, 폰트, 접근성, 브랜드 일관성은 여전히 사람이 다듬어야 한다.
DESIGN.md는 왜 중요할까
Stitch를 검색하다 보면 DESIGN.md라는 파일도 함께 나온다. 이 파일은 완성된 웹사이트가 아니라, 색상, 글꼴, 간격, 디자인 원칙을 정리한 설명서다.
Google은 DESIGN.md 형식을 오픈소스로 공개했다. Stitch에서 만든 디자인 규칙을 다른 프로젝트에 가져가거나, AI 코딩 도구가 같은 디자인 방향을 유지하도록 참고하게 만들 수 있다.
https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-design-md/
이미 우리 블로그에서도 DESIGN.md 파일을 따로 설명했지만, 초보자 입장에서는 이렇게 이해하면 쉽다. Stitch가 그림을 만들어주는 도구라면, DESIGN.md는 그 그림의 스타일 규칙을 적어둔 메모장이다.
내보내기 문제도 알아두자
Stitch를 실제로 쓰려는 사람은 내보내기 방식도 확인해야 한다. Reddit의 Labs 커뮤니티에는 Stitch에서 ZIP으로 내보냈더니 design.md와 screen.png만 있고 HTML 코드가 없었다는 사용 사례가 있었다.
https://www.reddit.com/r/labsdotgoogle/comments/1u454eb/google_stitch_export_zip_only_returning_designmd/
이런 사례는 계정, 모드, 업데이트 상태에 따라 다를 수 있다. 하지만 일반 사용자에게는 중요한 힌트다. Stitch에서 만든 화면이 곧바로 내가 운영할 웹사이트 파일로 항상 내려오는 것은 아닐 수 있다.
따라서 결과물을 실제 서비스로 만들려면 코드 내보내기 옵션, Figma 내보내기, 개발 도구 연동, HTML/CSS 파일 존재 여부를 꼭 확인해야 한다.
어디까지 기대하면 좋을까
Stitch는 “말만 하면 앱이 완성된다”는 기대보다는 “말하면 앱 화면 초안이 나온다”는 기대가 맞다.
아이디어를 빠르게 시각화하고, 여러 화면 방향을 비교하고, 개발자나 디자이너와 이야기할 때 출발점으로 쓰기에는 좋다. 반대로 실제 서비스 품질, 접근성, 반응형 디자인, 브랜드 일관성, 사용자 테스트까지 해결해주는 도구는 아니다.
이 점에서는 최근의 AI 디자인 도구들이 비슷하다. v0, Lovable, Figma Make, Stitch 모두 빈 화면을 줄여준다. 하지만 좋은 제품을 만드는 일은 여전히 사용자의 문제를 이해하고, 흐름을 다듬고, 실제 피드백을 반영하는 과정이 필요하다.
결론
Google Stitch는 Figma를 당장 대체하는 도구라기보다, 아이디어를 앱 화면으로 빠르게 바꾸는 AI 디자인 초안 도구다. 디자인을 모르는 사람도 말로 화면을 만들어볼 수 있다는 점은 분명 신선하다.
하지만 결과물을 그대로 믿고 쓰기에는 아직 조심스럽다. 사용자 후기처럼 레이아웃과 타이포그래피가 흔들릴 수 있고, 내보내기나 코드 결과도 환경에 따라 확인이 필요하다.
그래서 Stitch를 가장 잘 쓰는 방법은 명확하다. 완성품을 기대하지 말고, 첫 번째 화면 초안을 얻는 데 쓰자. 그다음에는 사람이 브랜드, 접근성, 실제 사용 흐름을 다듬어야 한다. AI가 빈 화면을 깨주고, 사람은 좋은 제품으로 만드는 식이다.
관련 글
같은 맥락에서 이어서 읽기 좋은 글들입니다.