훌륭한 애플리케이션을 만드는 일은 항상 디자인과 개발 사이의 강력한 파트너십으로 귀결됩니다. 디자이너는 직관적이고 매력적인 인터페이스를 만들어 훌륭한 사용자 경험을 구상합니다. 그러면 개발자가 관련 기능을 수행하는 코드로 디자인에 생명을 불어넣습니다. 전통적으로, 디자인 아이디어를 실제로 작동하는 코드에 연결하기 위해서는 많은 수작업과 디자이너와 개발자 사이를 여러 번 오가야 했습니다.
바로 이것이 Stitch가 해결하고자 하는 문제입니다. Google Labs의 새로운 실험인 Stitch는 간단한 프롬프트 및 이미지 입력 정보를 몇 분 안에 복잡한 UI 디자인 및 프런트엔드 코드로 변환할 수 있게 해줍니다.
Link to Youtube Video (visible only when JS is disabled)
Stitch는 각자의 워크플로를 최적화할 수 있는 제품을 만들고자 했던 디자이너와 엔지니어 사이의 아이디어에서 탄생했습니다. Stitch는 Gemini 2.5 Pro의 멀티모달 기능을 활용하여 디자인과 개발 간에 보다 유동적이고 통합된 워크플로를 구축합니다. 또한 이미지 입력, 대화형 채팅, 테마 선택기, Figma에 바로 붙여넣기 기능으로 디자인을 다듬을 수 있는 옵션을 통해 창의적인 디자인과 개발 니즈를 제대로 연마할 수 있도록 도와줍니다.
색상 팔레트 또는 원하는 사용자 경험과 같은 세부 사항을 포함하여 작성하려는 애플리케이션을 쉬운 영어로 설명하세요. 그러면 Stitch가 설명에 맞는 시각적 인터페이스를 생성할 수 있습니다.
화이트보드에 그린 디자인 스케치나 매력적인 UI의 스크린샷, 또는 대략적으로 구성한 와이어프레임이 있나요? Stitch에 업로드하세요. Stitch는 이미지를 처리하여 해당 디지털 UI를 생성하여 처음 떠올렸던 시각적 아이디어를 실제로 기능하는 디자인으로 연결합니다.
디자인은 반복적인 프로세스이며, Stitch는 인터페이스의 다양한 변형을 생성할 수 있도록 함으로써 이 반복 프로세스를 촉진합니다. 다양한 레이아웃, 구성요소, 스타일을 실험하여 원하는 모양과 느낌을 구현해 보세요.
만족스러운 디자인이 나오면 Stitch가 개발 워크플로에 중요한 가교를 제공합니다.
Stitch는 누구에게나 앱 제작의 마법을 선사합니다. 이 실험을 개발자 여러분께 선보이게 되어 무척 기쁘며 여러분이 Stitch로 무엇을 개발하실지 정말 기대됩니다.
stitch.withgoogle.com에서 Stitch를 사용해보고 의견을 들려주세요!
이 발표 및 모든 Google I/O 2025 업데이트는 5월 22일부터 io.google에서 확인하실 수 있습니다.
