Stitch 2.0 by Google

Stitch 2.0 by Google

Google · 이미지 · 코딩

Stitch 2.0 by Google은 자연어와 음성 명령, 참고 이미지를 고충실도 인터페이스 디자인과 작동하는 프런트엔드 코드로 바꾸는 무료 브라우저 기반 AI UI 디자인 도구다. 무한 캔버스 위에서 돌아가며, 그곳에 영감 스크린샷과 React 조각, 메모를 올리면 디자인 에이전트가 그것들로 화면을 만든다. Google은 이를 바이브 디자인 플랫폼이라고 부른다. 픽셀 그리드가 아니라 원하는 느낌을 설명하는 방식이다. 시작하기 전에 와이어프레임부터 그리던 사람이라면, 이 도구가 그 단계를 통째로 건너뛰게 해준다.

Stitch 2.0 by Google 미리보기

Stitch 2.0 by Google 소개

Stitch 2.0 by Google이란

Stitch 2.0 by Google은 모바일과 웹 인터페이스를 위한 Google Labs의 AI 네이티브 디자인 환경이다. Google I/O 2025에서 공개된 첫 버전은 단방향 텍스트 to UI 생성기였다. 설명을 입력하면 화면이 나오고, 코드를 내보내거나 Figma로 보냈다. 2.0은 무한 캔버스와 프로젝트 전체의 맥락을 유지하는 디자인 에이전트를 중심으로 다시 만들어졌다.

이 변화는 중요하다. 화면을 한 번에 하나씩 생성하는 대신 Stitch 2.0은 프로젝트 전체를 추론하고, 여러 디자인 방향을 병렬로 추적하며, 사용자를 헷갈리게 할 수 있는 레이아웃에 피드백을 준다. 어떤 URL에서든 디자인 시스템을 바로 뽑아낼 수 있고, 재생 버튼으로 인터랙션을 따라가며, 디자인 파트너가 말하듯 제안을 들을 수 있다. 프롬프트 상자와 로딩 표시만 있는 도구와는 거리가 멀다.

문제는 자신이 원하는 것을 설명할 수 있을 때 가장 잘 작동한다는 점이다. 모호한 프롬프트는 모호한 결과를 낳는다. Google 자체 컴포넌트 스타일에 크게 기대므로 결과물이 다소 Google스러울 수 있고, 여전히 Google Labs 실험이라 기능과 한계가 바뀐다. 그래도 무료 AI UI 디자인 도구로서 천장은 높다.

시작하기

  1. stitch.withgoogle.com에 접속해 Google 계정으로 로그인한다. 만 18세 이상이어야 한다.
  2. 모드를 고른다. 빠른 초안에는 표준, 참고 이미지를 쓰는 더 정교한 작업에는 실험.
  3. 화면을 쉬운 말로 설명하거나, 스케치나 스크린샷을 올리거나, 방향을 소리 내어 말한다.
  4. AI가 여러 안을 생성하게 한 뒤, 후속 프롬프트나 테마 편집 패널, 클릭으로 다듬는다.
  5. 결과를 프런트엔드 코드로 내보내거나, Figma로 보내거나, 디자인 시스템을 DESIGN.md 파일로 저장한다.

제품 정보

Stitch 2.0 by Google의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.

무료 플랜예
유료 플랜$0
플랫폼Web
개발사Google
카테고리이미지 · 코딩
출시일May 2025
최근 업데이트Mar 2026
웹사이트 방문 수8.8M
웹사이트 글로벌 순위8.7K
API 제공 여부예

추천 대상

이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.

사용자

  • 프로덕트 디자이너
  • 프런트엔드 개발자
  • 창업자와 1인 개발자
  • 학생과 입문자

작업

  • 거친 아이디어를 여러 UI 안으로 만들기
  • 실제 사이트에서 디자인 시스템 뽑아내기
  • 정적인 디자인을 클릭 가능하게 만들기
  • AI 결과물을 실제 디자인 파일로 옮기기

활용 상황

  • 토요일 아침 MVP 스프린트
  • 인터페이스 구조 수업
  • 리브랜딩 탐색
  • 고객에게 아이디어 제안

주요 기능

프로젝트 전체 맥락을 지닌 무한 캔버스

캔버스는 2.0의 핵심 변화다. 참고 이미지를 고정하고, 코드를 붙여넣고, 텍스트 메모를 어디든 더한다. AI는 이를 최신 프롬프트가 아니라 전부 맥락으로 다룬다. 경쟁사 대시보드 스크린샷과 자신의 컴포넌트 코드를 업계에 관한 메모 옆에 놓으면, Stitch는 그 셋을 모두 존중하는 것을 만든다. 디자이너의 책상이 실제로 보이는 모습에 더 가깝다.

디자인 에이전트와 에이전트 매니저

Stitch 2.0은 프로젝트 구조와 페이지 간 관계, 사용자 흐름의 논리를 이해하는 디자인 에이전트를 더했다. 명령에 응답만 하는 게 아니다. 만든 것을 검토하고, 모범 사례를 깨는 레이아웃이나 브랜드에서 벗어난 색을 표시한다. 에이전트 매니저는 이를 여러 개 병렬로 돌리므로 서로 다른 화면이나 방향이 하나씩이 아니라 동시에 나아간다.

음성과 이미지로 하는 바이브 디자인

바이브 디자인의 취지는 와이어프레임부터 시작하지 않아도 된다는 것이다. 레이아웃이 아니라 느낌을 설명한다. 따뜻하고 믿음직한 금융 앱, 또는 Notion보다 개성 있는 깔끔한 프로젝트 트래커. 익숙한가. 그게 목표다. 방향을 소리 내어 말하고 캔버스가 실시간으로 바뀌는 걸 볼 수도 있고, 스케치를 올려 도구가 해석하게 할 수도 있다. 더 느슨한 출발점이며, 때로는 그것이 프로젝트를 뚫리는 열쇠다.

코드와 Figma 내보내기

모든 디자인에는 복사하거나 앱에 넣을 수 있는 프런트엔드 코드가 딸린다. Figma로 보내면 레이어 구조와 오토 레이아웃, 컴포넌트가 그대로 넘어간다. 즉 AI가 첫 번째 패스를 하고 사람이 세부 작업을 한다. 코드는 쓸 만한 HTML과 Tailwind 출발점으로 나온다. 완성된 빌드는 아니다. 정리할 각오를 하자.

어떤 URL에서든 디자인 시스템과 DESIGN.md

Stitch를 실제 URL로 향하게 하면 팔레트와 서체, 컴포넌트를 포함한 쓸 만한 디자인 시스템을 뽑아낸다. 거기서 도구가 그 시스템을 새 화면에 적용해 전체를 일관되게 유지한다. 에이전트 친화적인 DESIGN.md 파일도 내보내는데, 디자인 규칙을 Stitch 프로젝트 간에 옮기거나 외부 도구와 동기화할 수 있다. 실제로 시간을 아껴준다.

인터랙티브 프로토타입과 외부 도구 연결

재생 버튼은 정적인 디자인을 클릭해 넘길 수 있는 것으로 바꾸고, Stitch는 탭할 때마다 다음 논리적 화면을 생성한다. 코드 편집기에서 사는 팀을 위해 Stitch MCP 서버와 SDK가 있어, Cursor나 Antigravity, Gemini CLI 같은 외부 에이전트가 프로젝트에 연결해 하는 일을 확장한다.

장단점

장점

  • Google 계정만 있으면 무료라, AI 디자인 도구를 시험할 때 흔한 가격 장벽이 없다.
  • 무한 캔버스와 디자인 에이전트가 화면 하나가 아니라 프로젝트 전체의 맥락을 유지한다.
  • 실제 프런트엔드 코드를 내보내고, 레이어와 오토 레이아웃을 그대로 둔 채 Figma로 넘긴다.
  • 음성과 이미지 입력이 스케치도 상세 프롬프트도 어려운 사람의 문턱을 낮춘다.
  • MCP 서버 지원 덕에 외부 코딩 에이전트와 잘 어울린다.

단점

  • 결과물이 Google 컴포넌트 스타일에 치우쳐, 테마를 강하게 밀지 않으면 디자인이 서로 비슷해 보인다.
  • 여전히 Google Labs 실험이라 기능과 한계, 제공 여부가 별 예고 없이 바뀐다.
  • 모호한 프롬프트는 모호한 결과를 낳는다. 원하는 것을 설명하지 못하면 도구도 잘 짐작하지 못한다.
  • 생성 코드는 출발점이며 프로덕션용이 아니라, 개발자는 여전히 검토하고 고쳐야 한다.

자주 묻는 질문

그렇다. Stitch는 무료로 쓸 수 있고, 필요한 것은 Google 계정과 만 18세 이상이라는 조건뿐이다. 도구 자체에 유료 등급은 없다.

관련 콘텐츠

Stitch 2.0 by Google와 관련된 도구, 스킬, 아티클을 살펴보세요.

Stitch 2.0 by Google 대안

X Ray Interpreter

X Ray Interpreter

X-ray Interpreter · 이미지

X Ray Interpreter는 X선, CT, MRI, 초음파, PET 이미지를 쉬운 말의 리포트로 바꾸는 웹 기반 AI 영상의학 도구다. 스캔 이미지를 올리면 X선 예비 판독 결과가 곧바로 나오고, 설명이 필요한 부분이 있으면 이후에 추가 질문도 할 수 있다. 이 도구의 위치는 2차 소견과 학습 보조이며, 의료 진단은 아니다.

무료 / $9.9 - $99자세히 보기
Aieasypic

Aieasypic

AIEasyPic · 이미지

AIEasyPic은 단순한 텍스트 프롬프트를 몇 초 만에 완성된 예술 작품으로 바꾸는 AI 이미지 생성기다. 자신의 사진으로 맞춤 모델을 훈련하고, 기존 이미지에서 얼굴을 바꾸고, 텍스트로 짧은 영상 클립을 만들 수도 있다. 모두 브라우저에서 끝난다. 빠른 비주얼을 원하는 가벼운 창작자에게도, 코드를 전혀 건드리지 않고 개인 모델을 만들고 싶은 취미 사용자에게도 어울린다.

무료 / $6.60 - $29.40/mo자세히 보기
Chargen

Chargen

Chargen · 이미지

Chargen은 던전 앤 드래곤과 다른 탁상용 롤플레잉 게임을 위해 만든 AI 캐릭터 생성기이자 세계관 구축 툴킷이다. 한 줄 아이디어를 그려진 캐릭터 초상화로 바꾸고, 같은 세션에서 NPC, 몬스터, 지도, 조우를 만들어내며, 모든 생물의 세부 정보를 손 가까이에 둔다. 탁상용 롤플레잉 아트 부분은 Gold라는 크레딧 시스템으로 돌아가고, 텍스트 생성기는 모두에게 무료로 남는다.

무료 / $0 - $30/mo자세히 보기