studio.soluta
← tools

Google AI 도구 07 / 15

Stitch

stitch.withgoogle.com

앱이나 웹사이트를 설명하면 여러 화면 시안을 빠르게 만들고 피그마나 HTML 코드로 이어 갈 수 있습니다. 남은 크레딧과 초기화 시각은 계정 화면에서 확인합니다.

무엇을 할 수 있나

실무 사용자는 화면 중심의 반복 작업과 코드 내보내기 속도를 높게 평가했습니다. 디자이너들의 비교 후기는 결과 편차가 크고 복잡한 화면은 피그마에서 다시 다듬어야 한다고 말합니다.

실제 화면

Google Stitch 공식 소개 화면. 모바일 앱과 웹 화면을 설명해 만드는 입력창이 보입니다.

사용 순서

  1. 서비스 목적, 사용자에게 줄 느낌과 참고 화면을 글이나 이미지로 전달합니다.

  2. Agent가 만든 여러 화면을 캔버스에서 비교하고 문장이나 음성으로 수정합니다.

  3. 화면을 연결해 프로토타입을 확인한 뒤 디자인 기준 문서, 코드, AI Studio 또는 Antigravity로 넘깁니다.

사용 예

작은 식품 브랜드의 모바일 주문 화면을 디자인해 주세요.
첫 화면에 대표 상품 4개, 픽업 날짜 선택, 장바구니 합계를 보여 주세요.
흰 배경과 짙은 회색 글자를 쓰고 버튼은 한 가지 강조색만 사용합니다.

참고하면 좋은 영상

실제 화면과 사용 순서를 확인할 수 있는 영상을 골랐습니다.

조회수와 댓글 수는 2026년 8월 29일에 확인했으며 이후 바뀔 수 있습니다.

SOLV 통합 가이드에서 함께 보기 →