구글, 프롬프트 기반 UI 디자인 생성 AI 도구 출시

Google I/O 2025 첫날 공개된 혁신 기술

Google I/O 2025 첫날 행사가 마무리되면서 여러 가지 중요한 발표가 있었습니다.주요 발표 내용으로는 Gemini AI 모델 업데이트, Google 검색 AI 모드 확장 출시, 그리고 미디어 제작을 위한 고급 생성 AI 도구 도입이 있습니다.이러한 발전 속에서 Google Labs에서 Stitch 라는 주목할 만한 새로운 실험이 등장했습니다.이 도구는 사용자 인터페이스 개념화에서 기능 코드 생성으로의 복잡한 전환 과정을 간소화하는 것을 목표로 합니다.이러한 전환 과정은 일반적으로 오랜 시간과 수많은 반복 작업을 필요로 합니다.

스티치란 무엇인가요?

Stitch는 간단한 영어 설명이나 이미지를 사용자 인터페이스 디자인과 해당 프런트엔드 코드로 신속하게 변환하는 혁신적인 도구로 구상되었습니다. Google에 따르면, 이 혁신적인 도구는 Gemini 2.5 Pro의 뛰어난 기능을 활용하여 디자인 팀과 개발 팀 간의 더욱 응집력 있고 효율적인 워크플로를 구축합니다.

스티치의 주요 특징

그렇다면 Stitch에서 사용자는 무엇을 기대할 수 있을까요? 몇 가지 흥미로운 기능을 소개합니다.

개념화: 색상 팔레트나 원하는 사용자 경험 등의 측면을 구체적으로 명시하여 앱 비전을 구체화할 수 있습니다. Stitch는 해당 설명에 맞춰 시각적 인터페이스를 생성합니다.
이미지 처리: 냅킨 스케치, 선호하는 스크린샷, 기본 와이어프레임과 같은 예비 시각 자료가 있다면 Stitch에 입력할 수 있습니다. Stitch는 이러한 이미지를 디지털 사용자 인터페이스로 변환합니다.
신속한 프로토타입 제작: Stitch는 빠른 반복을 위해 설계되어 사용자가 원하는 미적 감각을 얻을 때까지 조정할 수 있는 다양한 디자인 변형을 생산할 수 있습니다.

디자인에 만족하면 Stitch는 개발로의 전환을 용이하게 하는 두 가지 주요 경로를 제공합니다.

Figma에 붙여넣기: 사용자는 생성된 디자인을 Figma에 원활하게 붙여넣어 추가적인 개선, 디자인 팀과의 협업, 기존 디자인 생태계와의 통합이 가능합니다.

프런트엔드 코드 내보내기: Stitch는 귀하의 디자인에서 파생된 깔끔하고 실용적인 프런트엔드 코드를 생성하여 바로 사용할 수 있는 UI를 제공합니다.

경쟁 환경

Stitch는 흥미로운 새로운 기능을 선보이지만, UI 생성에 중점을 둔 도구가 완전히 새로운 것은 아니라는 점에 유의해야 합니다.예를 들어, Vercel의 v0는 개발자가 프롬프트에서 UI 구성 요소를 생성하고 디자인을 반복할 수 있도록 지원합니다.하지만 주요 상호작용 모델은 다릅니다.v0는 일반적으로 Figma 디자인을 코드로 변환하는 반면, Stitch는 AI 기반 디자인을 생성하고 디자인 플랫폼으로 직접 내보내 협업을 개선하는 기능을 제공합니다.