Stitch by Google

이것이 AI UI 디자인 도구의 핵심이다. 프롬프트에서 인터페이스로 가는 흐름은 단순하다. 레이아웃 힌트와 색상 취향을 포함해 화면을 설명하면, 컴포넌트가 이미 배치된 완성된 안을 Stitch가 돌려준다. 한 문장에서 눈에 보이는 결과로 가는 가장 빠른 길이며, 단순한 카드에도 여러 섹션이 있는 페이지에도 잘 맞는다.

냅킨에 그린 스케치, 와이어프레임, 마음에 드는 스크린샷이 이미 있다면 출발점으로 넣을 수 있다. Stitch는 레이아웃을 읽고 계속 편집할 수 있는 디지털 디자인으로 다시 구성한다. 기존 시안이 있는 팀이라면 번거로운 재작업 단계를 건너뛴다. 큰 시간 절약이다.

완성된 디자인은 Figma로 바로 복사할 수 있고, 레이어는 처음부터 손으로 다시 쌓아야 하는 납작한 이미지 하나가 아니라 실제로 쓸 수 있는 구조로 넘어온다. 디자이너는 그다음 브랜드 규칙을 적용해 엔지니어링에 넘길 수 있다. 도구를 평범한 작업 흐름과 호환되게 유지하는 다리다.

디자인이 제대로 보이면 Stitch는 복사하거나 내려받을 수 있는 깔끔한 HTML과 CSS를 생성한다. 이 디자인에서 코드로 가는 단계 덕분에 레이아웃을 손으로 다시 만들 필요가 없고, 반복적인 부분은 AI 디자인 생성기가 처리한다. 결과물은 완성품이 아니라 출발점이지만, 실제로 시간을 아껴 준다.

같은 화면의 여러 버전을 한 번에 요청할 수 있다. 서로 다른 방향을 설명하거나 참고 자료를 업로드해 여러 안을 요구하면 된다. 세 가지 안을 나란히 비교하는 것이 대부분이 스타일을 정하는 방식인데, 이게 도구에 녹아 있다. 한 번 요청하면 안이 나온다.

화면 전체 프롬프트를 넘어서, Stitch는 버튼이나 진행 표시줄처럼 단일 요소를 선택해 그 부분만 다듬게 해 준다. 한 번에 하나씩 바꾸는 편이 더 나은 결과를 낸다. 설명 전체를 다시 쓰는 건 거의 도움이 되지 않는다. 반복 작업의 답답함을 크게 줄여 주는 작은 기능이다.