“어떤 느낌의 앱을 만들고 싶다”는 문장 하나로 UI 디자인을 시작할 수 있다면 어떨까요? Vibe coding이 ‘코드 없이 개발’의 문을 열었다면, Google은 이제 ‘와이어프레임 없이 디자인’의 문을 열려 하고 있습니다.

Google Labs가 2026년 3월 18일, AI 디자인 도구 Stitch의 대규모 업데이트를 발표했습니다. 단순 UI 생성 도구를 넘어, 자연어로 아이디어를 던지면 고품질 UI 디자인을 만들고 반복하고 협업까지 할 수 있는 ‘AI 네이티브 소프트웨어 디자인 캔버스’로의 전환입니다. Google은 이 방식을 Vibe Design이라고 부릅니다.

출처: Introducing “vibe design” with Stitch – Google Blog

와이어프레임 대신 의도(intent)로 시작한다

기존 UI 디자인은 대개 이렇게 흘러갑니다. 빈 캔버스에 와이어프레임을 그리고, 컴포넌트를 배치하고, 색상과 타이포그래피를 조정합니다. 기술이 없으면 시작도 어렵고, 수정이 생기면 처음부터 다시 돌아가야 할 때도 많습니다.

Stitch의 Vibe Design은 이 출발점을 바꿉니다. 디자이너는 형태가 아니라 의도를 입력합니다. “사용자가 차분하고 신뢰감 있다고 느꼈으면 한다”, “지금 이 앱에서 영감을 받았다”처럼 목표나 감성, 참고 이미지를 그대로 캔버스에 가져오면 됩니다. 텍스트든 이미지든 코드든 형태를 가리지 않습니다.

이를 받아서 실제 디자인 작업을 수행하는 것이 새로운 디자인 에이전트입니다. 에이전트는 프로젝트 전체의 맥락을 이해하고, 여러 방향을 동시에 탐색할 수 있습니다. Agent manager가 각 아이디어의 진행 상황을 추적하고 병렬로 관리해주기 때문에, 한 번에 하나씩 시안을 만들던 방식과는 다른 속도감이 생깁니다.

DESIGN.md와 디자인 시스템의 이동

디자인 시스템은 팀의 자산입니다. 버튼 스타일, 색상 체계, 타이포그래피 규칙 등을 한번 만들어두면 여러 프로젝트에서 재사용해야 하는데, 도구가 바뀌면 이 자산이 함께 이동되지 않는 경우가 많습니다.

Stitch는 이 문제를 DESIGN.md로 풉니다. 에이전트가 읽을 수 있는 마크다운 형식의 파일로, 디자인 규칙을 저장하고 내보내고 다른 도구나 프로젝트에 그대로 가져올 수 있습니다. 특정 URL에서 디자인 시스템을 추출하는 것도 가능합니다. 프로젝트가 달라져도 브랜드 일관성을 유지하는 데 드는 반복 작업이 줄어드는 구조입니다.

음성 명령부터 인터랙티브 프로토타입까지

이번 업데이트에서 눈에 띄는 기능이 하나 더 있습니다. 음성으로 캔버스에 직접 명령을 내릴 수 있게 됐습니다. “메뉴 옵션 세 가지 보여줘”, “이 화면 다른 색상 팔레트로” 같은 말을 하면 에이전트가 실시간으로 반영합니다. 디자인 비평을 요청하거나, 인터뷰 방식으로 새 페이지를 함께 설계할 수도 있습니다.

정적 디자인을 인터랙티브 프로토타입으로 변환하는 속도도 크게 빨라졌습니다. 화면들을 연결하고 “Play”를 누르면 실제 앱 흐름처럼 클릭해볼 수 있고, 클릭에 따라 다음 화면을 자동으로 생성하기도 합니다. 아이디어를 검증하는 사이클이 짧아지는 셈입니다.

개발 도구와의 연결도 준비되어 있습니다. MCP 서버와 SDK를 통해 AI Studio 같은 개발 환경과 연동할 수 있어, 디자인에서 코드로 넘어가는 구간의 마찰도 줄어듭니다.

디자인과 개발의 경계가 옅어진다

Stitch의 이번 업데이트는 디자인 도구의 기능 확장이기도 하지만, 더 크게 보면 디자인이라는 행위 자체의 진입장벽을 낮추는 시도입니다. 전문 디자이너뿐 아니라 자신의 첫 번째 소프트웨어 아이디어를 실체화하려는 창업자나 기획자도 명시적인 타겟입니다.

Vibe coding이 코드 작성 없이 작동하는 앱을 만들어냈듯, Vibe Design은 Figma나 Sketch의 사용법을 몰라도 고품질 UI 시안을 만들 수 있는 방향으로 가고 있습니다. 아직 두 영역의 결과물이 완전히 통합된 파이프라인이 되기까지는 거리가 있지만, 그 방향은 점점 뚜렷해지고 있습니다.

Stitch는 현재 Gemini 서비스가 제공되는 모든 지역에서 18세 이상이면 사용할 수 있습니다. 원문에는 DESIGN.md 구조와 MCP 연동 방식에 대한 상세한 내용도 담겨 있습니다.

참고자료: Google Labs turns Stitch into a full AI design platform – The Decoder