구글, AI 기반 스티치 업그레이드 발표... 피그마 주가 4% 이상 하락

구글은 오늘 웹사이트 및 모바일 앱을 위한 사용자 인터페이스(이하 UI)를 생성하는 인공지능(AI) 도구 스티치(Stitch)의 새로운 버전을 공개했다. 이에 따라 그래픽 디자인 소프트웨어 제조업체인 피그마(Figma)의 주가는 4% 이상 하락했다. 피그마는 기존 UI 개발 프로젝트에서 주로 활용되던 플랫폼이다.

인터페이스 구축은 단순히 디자인을 만드는 것에 그치지 않는다. 개발자는 애플리케이션의 외관을 디자인한 후 이를 HTML과 CSS로 변환해야 하는데, 이는 상당히 시간이 많이 소요되는 작업이다. 글꼴 크기부터 인터페이스 요소 간의 공간까지 모든 세부 사항을 수작업으로 코드화해야 하기 때문이다.

스티치는 이러한 과정을 자동화한다. 구글의 대표적인 대형 언어 모델인 제미니(Gemini) 시리즈를 활용해 인터페이스 디자인을 HTML과 CSS 코드로 변환한다. 또한, Tailwind라는 널리 사용되는 개발 프레임워크도 지원해 사전 포장된 디자인 요소를 제공한다.

오늘 발표된 업그레이드된 스티치는 'AI 기반의 무한 캔버스'라는 새 인터페이스를 특징으로 한다. 이 캔버스를 통해 여러 시각 자산을 나란히 표시하여 사용자가 디자인 프로젝트의 전체적인 모습을 조망할 수 있다.

또한, 개발자는 참조 이미지 업로드나 텍스트 설명 제공을 통해 인터페이스 섹션의 코드를 생성할 수 있다. 예를 들어 AI 앱의 가입 페이지를 생성하라고 지시할 수 있다. 초기 버전은 한 화면씩밖에 생성을 못했지만, 새 버전은 한 번에 최대 다섯 화면까지 생성할 수 있다.

전자상거래 웹사이트를 작업 중인 개발자는 스티치에 제품 카탈로그 페이지, 결제 페이지, 구매 확인 화면을 생성해달라고 요청할 수 있다. '재생' 버튼을 사용해 사용자가 이 화면들을 어떻게 탐색할지 시뮬레이션도 가능하다.

만약 AI로 생성된 인터페이스 요소가 만족스럽지 않다면, 개발자는 자연어 명령어로 이를 수정할 수 있으며, 음성 명령도 지원한다. 사용자는 글꼴 크기와 같은 세부 디자인을 변경하거나 '결제 버튼 강조'와 같은 상위 수준의 지침을 입력할 수 있다.

이 도구의 여러 기능은 새로 추가된 AI 에이전트에 의해 구동된다. 개발자는 MCP 도구를 사용해 스티치와 구글의 안티그래비티(Antigravity) 코드 도구와 같은 외부 에이전트를 연결할 수 있으며, 안티그래비티는 인터페이스 디자인을 검토하고 새로운 변형을 자동으로 생성할 수 있다.

스티치는 외부 도구로 인터페이스 요소를 내보낼 수도 있다. 구글에 따르면 이 도구는 이제 인터페이스 설계 세부 사항을 자연어 파일인 DESIGN.md에 저장할 수 있어 디자인 도구와 프로젝트 전반에 걸쳐 일관된 외관을 유지하는 작업을 쉽게 수행할 수 있다고 한다.

스티치는 구글의 실험적 제품을 테스트하는 플랫폼인 구글 랩스(Google Labs)를 통해 무료로 제공된다.