Google AI 도구 07 / 15
Stitch
stitch.withgoogle.com앱이나 웹사이트를 설명하면 여러 화면 시안을 빠르게 만들고 피그마나 HTML 코드로 이어 갈 수 있습니다. 남은 크레딧과 초기화 시각은 계정 화면에서 확인합니다.
무엇을 할 수 있나
실무 사용자는 화면 중심의 반복 작업과 코드 내보내기 속도를 높게 평가했습니다. 디자이너들의 비교 후기는 결과 편차가 크고 복잡한 화면은 피그마에서 다시 다듬어야 한다고 말합니다.
실제 화면
사용 순서
-
서비스 목적, 사용자에게 줄 느낌과 참고 화면을 글이나 이미지로 전달합니다.
-
Agent가 만든 여러 화면을 캔버스에서 비교하고 문장이나 음성으로 수정합니다.
-
화면을 연결해 프로토타입을 확인한 뒤 디자인 기준 문서, 코드, AI Studio 또는 Antigravity로 넘깁니다.
사용 예
작은 식품 브랜드의 모바일 주문 화면을 디자인해 주세요.
첫 화면에 대표 상품 4개, 픽업 날짜 선택, 장바구니 합계를 보여 주세요.
흰 배경과 짙은 회색 글자를 쓰고 버튼은 한 가지 강조색만 사용합니다. 참고하면 좋은 영상
실제 화면과 사용 순서를 확인할 수 있는 영상을 골랐습니다.
- Google Stitch Just Became an AI Figma (And It's Free) 2026-03-19 · 11분 59초 · 조회 64,909 · 댓글 61 새 캔버스와 디자인 Agent를 열고 참고 사이트의 시각 기준을 읽어 웹 앱 화면을 만드는 과정을 보여 줍니다. YouTube에서 보기 ↗
- 구글 스티치 2026 기초 사용법 2026-03-31 · 17분 29초 · 조회 20,328 · 댓글 28 글과 이미지로 화면을 만들고 프로토타입으로 연결해 코드를 내보내는 순서를 한국어로 설명합니다. YouTube에서 보기 ↗
조회수와 댓글 수는 2026년 8월 29일에 확인했으며 이후 바뀔 수 있습니다.