stitch 활용해보기
Stitch → Claude로 이어서 활용하는 방법
Stitch에서 만든 디자인을 Claude에 가져오면 훨씬 더 많은 걸 할 수 있습니다. 대표적인 활용법 세 가지를 소개합니다.
1. Stitch에서 코드 내보내기 → Claude에서 발전시키기
Stitch는 HTML/CSS 코드를 내보낼 수 있는데, 이건 뼈대 수준이에요. 이 코드를 Claude에 붙여넣고 “이 코드에 로그인 기능 추가해줘” 또는 “React 컴포넌트로 변환해줘”라고 요청하면, 실제 작동하는 앱으로 발전시킬 수 있습니다.
2. Stitch 디자인 스크린샷 → Claude에서 분석/개선
Stitch에서 만든 화면을 스크린샷으로 찍어 Claude에 올리고 “이 UI의 사용성을 개선해줘” 또는 “접근성 관점에서 피드백 줘”라고 하면, 전문적인 디자인 리뷰를 받을 수 있습니다.
3. Claude에서 기획 → Stitch에서 시각화
반대로, Claude에게 먼저 “음식 배달 앱에 필요한 화면 목록과 각 화면의 구성요소를 정리해줘”라고 요청해서 기획을 잡고, 그 결과를 Stitch 프롬프트로 그대로 넣으면 체계적인 디자인이 나옵니다.