"바이브 코딩"이 개발 방식을 바꿨다면, 이번엔 디자인 차례예요. Google이 자연어로 UI를 그리는 AI 캔버스 Stitch를 완전히 새로 만들었거든요. 무한 캔버스 위에서 말로 디자인하고, AI 에이전트가 프로젝트 전체 맥락을 추적하고, 클릭 한 번이면 프로토타입이 돌아가요.

3초 요약
자연어/음성 입력 AI가 고해상도 UI 생성 무한 캔버스에서 탐색·편집 인터랙티브 프로토타입 Figma·코드 내보내기

이게 뭔데?

Stitch는 Google Labs에서 만든 AI 네이티브 디자인 도구예요. 2025년 Google I/O에서 처음 나왔고, 2026년 3월에 완전히 새로운 모습으로 재출시됐어요. Google VP Josh Woodward의 표현이 핵심을 찌르죠 — "AI는 창의성의 배수기가 될 수 있다. 많은 아이디어를 빠르게 탐색하게 해주니까."

핵심 컨셉은 "바이브 디자인(Vibe Design)"이에요. 와이어프레임 대신 비즈니스 목표를 설명하는 것부터 시작해요. "유저가 신뢰감을 느끼는 핀테크 대시보드 만들어줘"라고 하면, AI가 컬러, 레이아웃, 컴포넌트를 알아서 골라서 고해상도 UI를 만들어줘요. FastCompany는 이걸 두고 "Figma에 타격"이라고 표현했어요.

이번 업데이트에서 새로 추가된 핵심 기능들이에요:

  1. AI 네이티브 무한 캔버스
    아이디어를 노드 기반으로 펼치는 작업 공간이에요. 이미지, 텍스트, 코드 조각을 캔버스에 올리면 AI가 그걸 맥락으로 활용해요.
  2. 디자인 에이전트 + Agent Manager
    프로젝트 전체 히스토리를 이해하는 에이전트가 붙어요. 여러 디자인 방향을 동시에 탐색할 때 Agent Manager가 각각을 추적하면서 정리해줘요.
  3. 음성 명령 (프리뷰)
    캔버스에 직접 말을 걸 수 있어요. "메뉴 옵션 3가지 보여줘", "이 화면 다른 컬러 팔레트로" 같은 실시간 수정이 가능해요.
  4. 인스턴트 프로토타이핑
    화면들을 "Stitch"로 연결하고 Play 버튼만 누르면 인터랙티브 프로토타입이 돌아가요. AI가 클릭 대상을 분석해서 다음 화면까지 자동 생성해요.
  5. DESIGN.md
    디자인 시스템 규칙을 마크다운 파일로 가져오고 내보내는 포맷이에요. 다른 프로젝트에 같은 디자인 규칙을 바로 적용할 수 있어요.
무료
현재 가격 (Google Labs 베타)
350회
월간 Standard 생성 한도
200회
월간 Pro 생성 한도

뭐가 달라지는 건데?

기존에 UI 디자인을 하려면 Figma를 열어서 프레임을 만들고, 컴포넌트를 배치하고, 오토 레이아웃을 설정하고... 이 과정이 시간을 잡아먹었죠. Stitch는 이 전체 흐름을 뒤집어요.

기존 디자인 도구 Google Stitch
시작점 빈 캔버스에 수동 배치 자연어/음성으로 의도 설명
초안 속도 수 시간 수 분
변형 탐색 하나씩 수동 복제 병렬로 여러 방향 동시 생성
프로토타입 별도 설정 필요 Play 버튼 한 번으로 자동
가격 $16+/월 (Figma Pro) 현재 완전 무료

비슷한 도구들과 비교해보면 Stitch의 위치가 더 명확해져요:

도구 핵심 강점 약점 가격
Google Stitch 무한 캔버스, 음성, 에이전트, 무료 Labs 제품, 장기 보장 없음 무료
MagicPath 디자이너 친화적 캔버스, Figma 임포트 신생 도구, 성능 제한 $20/월
Figma Make 기존 Figma 생태계 통합 변수/컴포넌트 정확도 부족 Figma Pro 포함
Flowstep 멀티 스크린 플로우, Figma 복사/붙여넣기 디자인 시스템 커스텀 제한 $15/월

Stitch의 가장 큰 차별점은 "완전 무료 + 캔버스 맥락 인식"이에요. 유료 도구들이 프롬프트 하나에 화면 하나를 만들어주는 반면, Stitch의 에이전트는 캔버스 위에 놓인 모든 이미지, 텍스트, 코드를 맥락으로 이해하고 전체 프로젝트의 일관성을 유지해요.

알아둘 것

Stitch는 Google Labs 제품이에요. 장기 가격이나 서비스 지속 여부가 확정되지 않았어요. 분석가들은 Labs 졸업 시 월 $25~30 수준의 유료화를 예상하고 있어요. 프로덕션 워크플로우의 핵심 도구로 쓰기보다는, 아이디어 탐색과 컨셉 검증 단계에서 활용하는 게 현명해요.

핵심만 정리: 시작하는 법

  1. 가입하기
    stitch.withgoogle.com에서 Google 계정으로 바로 시작해요. 무료예요.
  2. 캔버스에 맥락 올리기
    텍스트로 원하는 앱을 설명하거나, 참고할 이미지·코드 조각을 캔버스에 드래그해요. 기존 사이트 URL에서 디자인 시스템을 추출하는 것도 가능해요.
  3. AI로 UI 생성
    Standard(빠른 생성)와 Experimental(고품질) 모드 중 선택해요. 처음엔 Standard로 빠르게 여러 방향을 탐색하세요.
  4. 프로토타입 확인
    화면들을 연결하고 Play를 누르면 바로 인터랙티브 프로토타입이 돌아가요. AI가 다음 화면을 자동으로 제안해줘요.
  5. 내보내기
    MCP 서버나 SDK를 통해 개발 도구와 연결하거나, Figma로 레이어 유지한 채 내보내기가 가능해요.