코딩 몰라도 OK, Google Stitch로 완성하는 나만의 첫 번째 서비스 기획부터 배포까지 하나의 흐름으로 연결하는 올인원 AI 개발 워크플로우







STEP 1. 기획부터 배포까지, 전체 그림을 꿰둟는 ‘시야 확장’
툴별 역할과 연결 순서를 파악해 흐름이 끊기지 않는 나만의 AI 서비스 제작 환경을 처음부터 올바르게 세팅
STEP 2. 아이디어를 언어로 만드는 PRD 문서 작성과 버전 관리 체득
Claude에게 서비스 요구사항을 구조적 지시하고, Notion MCP 연동으로 수정 히스토리를 단계별로 기획
STEP 3. 텍스트 한 줄이 화면이 되는 Google Stitch 디자인 생성 실습프롬프트로 앱 UI를 자동 생성한 뒤 Figma로 넘겨 레이어 단위로 직접 다듬는 초안-완성본 전환 과정 실습
STEP 4. AI가 디자인을 읽고 코드를 쓰는 MCP 기반 구현과 배포 실전MCP로 디자인과 기획을 코드에 녹여, Vercel로 실서비스를 세상에 바로 공개

