![[NEW] 구글의 AI 디자인툴, Stitch 퀵 리뷰](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-05-21T04%3A44%3A49.073Z-ee82771e-c13c-4bd3-9147-c04e059e9466&w=2048&q=75)
2025년 5월 20일 출시된 구글의 Stitch에 대한 사용후기를 짧게 공유
⁉️ AI 디자인툴, 스티치
구글에서 I/O 2025 발표때 공개된 Stitch는, 쉽게 말해 자연어로 UI를 만들고 최적화 할 수 있는 AI 앱이다.
Lovable 콘텐츠에서도 소개했지만, 자연어 기반 프로토타이핑툴이 급격히 성장하면서 드디어 구글도 전용 앱을 출시한 것이다.
결론적으로는 아직 [베타]이고, 이전에 Gemini Canvas에서 시각화 사례를 다룬것과 크게 차이는 없다(해당 환경을 기반으로 전용앱을 뚝닥 만든것에 가까워보임) 다만, 피그마로 코드를 복붙한다거나, 예시를 직접 응용하는 등으로 활용성과 접근성은 높이면서 출시한 것으로 보인다.
상세한 내용은 아래 공식 소개페이지를 참고
Gemini Canvas와 무엇이 다른건지 비교를 위해, 지난번 사례를 그대로 사용해보았다.
💁♂️실제사례
Gemini에게 “Gemini 화면”의 경험 개선을 요청해보았다. ”추천 프롬프트의 이용율을 높이기 위한 UX 개선”이 해결할 과업이다.
1. 입력
Gemini 채팅창을 보면 입력창 위에 4가지 추천 프롬프트가 나온다(아래 네모박스 영역)
위 이미지를 첨부하여 아래 프롬프트를 적용했다.
- 참고로 이미지를 첨부하는건 [Experimental Mode]에서만 동작한다.
2. 결과
- 요청한 내용을 어떻게 정리했는지 채팅 답변을 먼저 보여주고, 이대로 진행할 지를 물어본다.
- Yes! 라고 하니 추천 영역에 대한 4가지 시안을 하나의 이미지에 정리해주었다. Gemini Canvs 보다는 시각적인 시도를 더 적극적으로 해주었고, 품질도 대체로 만족스러운 제안사항들이었다.
하나의 이미지에 4개 안을 정리했길래, 4개 시안을 각각 분리해달라고 하였다. 근데 이게 잘 동작하지 않는다. 프롬프트를 잘 못해서 그런건지.. 이래저래 시도해보았지만. 아래와 같이 원본 스타일이 다 무너졌다. 초기 시안은 잘 만들지만, 이터레이션에는 한계가 있었다.
➕ More
처음에 접속하면, 샘플 프롬프트가 제공되고 있고 해당 프롬프트를 누르면 결과와 과정을 확인할 수 있도록 했다.
- 아래는 [구성원 피드백 대시보드] 샘플과 [실내 식물 키우기] 화면의 사례
(Canvas와 비슷하게) 이미지를 누르면 팝업에서 코드를 확인할 수 도 있다.
편집/복사
- [Edit] 버튼을 누르면 현재 시안이 첨부되어 프롬프트를 입력할 수 있는 상태가 된다.
- [Figma] 버튼을 누르면 피그마에 붙여넣을 수 있게 Copy가 된다.
- 우측 상단의 [테마] 버튼을 누르면 스타일을 변경할 수 있다.
📘마치며
드디어 구글에서도 빠른 시각화를 돕기 위한 AI 디자인 툴의 [베타] 버전이 나왔다. 아쉬운 구석도 많지만, 꼭 필요한 기능 중심으로 + Canvas를 사용하는 불편함이 해소된 정도. 지금보다는 앞으로가 기대된다!
제미나이 시리즈 더보기
Share article
세미나/워크샵/컨설팅 문의사항은 이메일을 남겨주세요.
