Google Stitch - AI에게 UI 디자인 시키기

해당 글은 AI 정보들을 모아 보관하는 글입니다.
급변하는 기술인만큼 포스팅 시간이 지날수록 잘못된 정보일 수 있습니다.

 

https://developers.googleblog.com/ko/stitch-a-new-way-to-design-uis/

https://stitch.withgoogle.com/

Stitch - Design with AI

최근에 사이드를 하면서 늘 고민이였던게 UI 디자인이었는데, 그만큼 CSS 프레임워크에도 많이 의존도 하고 UI 컨셉도 생각하기 정말 어려운 부분이긴 했다. AI가 UI 디자인을 해주는게 없나? 생각했지만, 최근에 구글이 Stitch를 내놓으면서 이거다 싶었다.

 

Google Labs에서 새로 내놓은 실험적인 도구. 

프롬프트나 이미지를 입력하면 몇 분 안에 UI 디자인과 프런트엔드 코드를 생성해준다고 한다.

 

그래서 해본 찍먹.

google stitch로 만들어본 앱 디자인

 

사진에서 보면 알지만 만들어진 내용을 피그마로 옮길 수 있다.

문제는 내가 피그마를 잘 못쓴다는거다. 이쯤되면 피그마를 좀 배워야할듯..

 

그 다음 Figma MCP로 커서든 클로드코드든 연결해서 사용하면 정말 바이브코딩 완성인 것 같다.

 

그런데 아래 푸터 버튼을 보면 일관성이 없다는 생각을 했다.

완전히 원하는 내용을 만들게끔 하는건 어려울 것 같고, 전체적인 컨셉을 보거나 레이아웃을 빠르게 만들기엔 좋은 것 같다.

결론은 처음부터 다 해주는건 없다는 뜻이다.

 

---

 

 

https://developers.googleblog.com/ko/stitch-a-new-way-to-design-uis/

아이디어에서 앱으로: UI를 디자인하는 새로운 방법, Stitch 소개- Google Developers Blog