코딩 몰라도 OK, Google Stitch로 완성하는 나만의 첫 번째 서비스

기획부터 배포까지 하나의 흐름으로 연결하는 올인원 AI 개발 워크플로우

외주 의뢰, 팀원 대기... 이제 과거의 방식입니다.

Google Stitch로 누구나 스스로 만드는 실무 AI 서비스

기획·디자인·개발·배포까지 최강의 AI 툴 조합으로

한계없이 확장하는 1인 메이커의 풀스택 AI 제작 역량

– Claude·Notion·Google Stitch·Figma·Cursor까지 목적에 맞는 도구 조합으로 제작 루트 설계

– MCP 연동으로 완성하는 툴과 AI가 연결된 스마트 워크플로우

– Figma MCP로 디자인을 코드로 전환하는 AI 핸드오프 실습

– PRD 문서 기반 기획부터 Vercel 배포까지 돈이 되는 ‘실전 서비스’ 완성

직군의 경계를 허무는 AI 워크플로우 스킬업

남에게 끌려다니지 않고, 이제 직접 만들고 배포할 차례입니다!

Google Stitch란?

Google Stitch는 텍스트 프롬프트나 이미지 스케치만으로 앱 UI를 자동 생성하는 Google의 AI 디자인 툴입니다.

Figma와 레이어 구조를 유지한 채 연동되어, 초안부터 실무 디자인까지 끊김 없이 이어지는 제작 흐름을 완성할 수 있습니다.

Cursor란?

Cursor는 AI가 코드 작성·수정·적용까지 직접 수행하는 차세대 AI 코드 에디터입니다.

Figma MCP와 Notion MCP를 연동하면 디자인과 기획 문서를 학습한 AI가

하드코딩 없이 컴포넌트와 기능을 한 번에 구현합니다.

Stitch가 화면을 그리고, Cursor가 그 화면을 그대로 코딩합니다.

디자인과 개발 사이의 간격을 없애는 가장 빠른 AI 서비스 제작 루틴입니다!

Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지 커리큘럼 특징

실패 없이 실제로 배포되는 서비스를 만드는 Google Stitch 실전 강의입니다.

1. 도구 선택부터 시작하는 가장 빠른 AI 워크플로우 입문

Claude·Google Stitch·Figma·Cursor·Vercel 등 AI 툴 환경 비교 및 목적별 최적 제작 루트 설계

2. ‘감’이 아니라 ‘문서’로 만드는 PRD 기반 기획 설계

Claude와 MCP 연동으로 구조화된 PRD 문서 작성 및 Notion 버전 관리 체계 확보

3. 프롬프트 한 줄로 UI 초안을 완성하는 Google Stitch 활용법

텍스트 기반 UI 자동 생성부터 Figma 이관까지 끊김 없는 디자인 초안 제작 루틴

4. Figma MCP로 디자인을 코드로 전환하는 AI 핸드오프 워크플로우

Cursor에 디자인 토큰과 컴포넌트를 학습시켜 하드코딩 없이 실무 구현 완성

5. GitHub·Vercel로 완성하는 실제 배포 서비스 제작

커밋·푸시부터 Vercel 연동 배포까지 내 이름이 걸린 실제 URL 확보

AI 툴 조합으로 설계하고 구현하는 흐름,

이제 고퀄리티의 서비스 결과물로 직접 확인해보세요!

외주 의존도 0%,

Stitch와 Cursor로 나만의 AI 서비스 혼자서 런칭!

기다리고 의존하던 방식은 이제 그만, AI 툴 조합으로 혼자 완성!

팀 없이도, 코딩 없이도 — 내 손으로 만든 서비스가 세상에 올라갑니다!

이런 분께 자신있게 추천드립니다.

– 아이디어는 있지만 개발자 없이 혼자 서비스를 만들어보고 싶은 기획자·PM

– 디자인 이후 단계를 직접 끝내고 싶은 UI/UX 디자이너

– AI 툴은 써봤지만 기획·디자인·배포까지 연결된 워크플로우가 없었던 분

– 외주 없이 직접 프로토타입을 만들어 검증하고 싶은 스타트업 창업자

– 코딩 경험 없이 사이드 프로젝트를 실제로 배포해보고 싶은 분

– Google Stitch·Figma·Cursor를 한 번에 실무에 연결하고 싶은 모든 분

– 기획부터 배포까지 전 과정을 직접 경험해 포트폴리오를 만들고 싶은 취업 준비생

– AI 활용 역량으로 경쟁력을 갖추고 싶은 모든 분

개발자 섭외, 외주 의뢰, 부담 끝, PRD 작성부터 배포 링크 확보까지!

이론이 아닌, 실무에 당장 돈이 되는 ‘진짜 워크플로우’만 가져가세요.

강의 특징

STEP 1. 기획부터 배포까지, 전체 그림을 꿰둟는 ‘시야 확장’

툴별 역할과 연결 순서를 파악해 흐름이 끊기지 않는 나만의 AI 서비스 제작 환경을 처음부터 올바르게 세팅

STEP 2. 아이디어를 언어로 만드는 PRD 문서 작성과 버전 관리 체득

Claude에게 서비스 요구사항을 구조적 지시하고, Notion MCP 연동으로 수정 히스토리를 단계별로 기획

STEP 3. 텍스트 한 줄이 화면이 되는 Google Stitch 디자인 생성 실습

프롬프트로 앱 UI를 자동 생성한 뒤 Figma로 넘겨 레이어 단위로 직접 다듬는 초안-완성본 전환 과정 실습

STEP 4. AI가 디자인을 읽고 코드를 쓰는 MCP 기반 구현과 배포 실전

MCP로 디자인과 기획을 코드에 녹여, Vercel로 실서비스를 세상에 바로 공개

MCP와 Figma·Cursor로 디자인과 코드를 빠르게 연결!

내 손으로 기획하고 배포하는

Google Stitch 실전 제작 루틴, 지금 시작하세요!

“이게 정말 혼자 만든 거라고?” 주변을 놀라게 만드는 기술,

비개발자의 가장 강력한 ‘서비스 제작 무기’ Google Stitch로 직접 완성하세요.

단 4시간만 투자하세요.

효율적이고 체계적인 커리큘럼으로

역량 강화와 실질적인 결과물을 한 번에 마스터하세요

예상 질문 Q&A

Q. 강의를 수강하기 위해 개발 경험이나 AI 지식이 필요한가요?

A. 본 강의는 코딩 경험이 전혀 없는 분도 바로 수강해 실무에 활용할 수 있는 역량 제공을 목표로 설계된 강의로, 개발 선수 지식은 필요하지 않습니다. Cursor가 코드를 직접 작성하므로 수강생은 방향 지시에 집중하시면 됩니다.

Q. 강의를 수강하기 위한 환경 또는 필요 조건이 있나요?

A. 강의를 수강하기 위해 특별한 사전 지식이나 기술은 필요하지 않습니다. 다만 Google Stitch·GitHub·Vercel 접속을 위해 Google 계정이 필요하며, Figma·Cursor·Notion 계정도 강의 전에 미리 만들어 두시면 원활하게 진행할 수 있습니다

Q. 본 강의 수강에 유료 서비스 구매가 필요한가요?

A. 본 강의에서는 Figma는 프로페셔널 이상의 요금제가 반드시 필요합니다. 강의 초반에 필요한 도구와 사용 방식은 자세히 안내드릴 예정입니다.

수강 전 확인해주세요!

• 실습 위주의 강의이기 때문에 강의 화면과 실습 화면을 분리할 수 있는 듀얼 모니터 또는 여분 기기를 함께 준비해주시면 좋습니다.
• 또한 Windows OS 기반으로 실습이 진행되므로, Windows 환경에서의 강의 수강을 추천해드립니다.
• 강의 교안 및 실습파일은 <공지사항＞에 존재합니다.