🖤 블랙프라이데이 50% 특가 · 11/19 ~ 11/30 한정
🛠️ Stitch·Cursor 서비스 제작
코딩 몰라도 OK, Google Stitch로 완성하는
나만의 첫 번째 서비스
기획부터 배포까지 하나의 흐름으로 연결하는 올인원 AI 개발 워크플로우입니다.
Claude·Notion·Google Stitch·Figma·Cursor·Vercel로 실제 URL까지 직접 확보하세요.
22개학습 강의
4.03H강의 시간
5단계실전 완성 흐름
✓Figma는 Professional 이상 요금제 필수 · Cursor MCP·모델 선택은 Pro 이상 필요
혹시 이런 경험 있으신가요?
외주 의뢰, 팀원 대기…
아이디어가 기다리다 식어버린 적 있으신가요?
BEFORE
남의 손을 기다리는 서비스 제작
개발자나 외주에 맡기면 비용도 들고 수정 요청이 끝없이 반복됩니다
기획 문서 작성에서 막혀 무엇을 만들지 정리가 안 됩니다
디자인을 해도 코드로 옮기는 단계에서 멈춥니다
AFTER
혼자서 끝내는 기획·디자인·배포
Claude로 PRD를 잡고 Notion에서 버전별로 관리합니다
Stitch로 UI 초안을 만들고, Figma MCP로 디자인을 코드에 그대로 반영합니다
GitHub·Vercel로 배포해 내 이름이 걸린 실제 URL을 공유합니다
이런 분들을 위해 준비했어요
AI 툴은 써봤지만,
기획부터 배포까지 이어본 적은 없는 분께
💡개발자 없이 만들고 싶은 기획자·PM — 아이디어는 있지만 혼자 서비스를 만들어보고 싶은 분
🎨디자인 이후 단계를 끝내고 싶은 UI/UX 디자이너 — 디자인을 코드와 배포까지 직접 연결하고 싶은 분
🚀프로토타입을 검증하려는 스타트업 창업자 — 외주 없이 직접 프로토타입을 만들어 검증하고 싶은 분
📁포트폴리오가 필요한 취업 준비생 — 기획부터 배포까지 전 과정을 직접 경험해 포트폴리오를 만들고 싶은 분
남에게 끌려다니지 않고, 이제 직접 만들고 배포할 차례입니다!
강의 미리보기
수강 전 직접 확인해보세요
강의 하이라이트 영상으로 수업 방식과 핵심 내용을 미리 경험해보세요.
커리큘럼 특징
도구 선택부터 실제 배포까지,
서비스를 완성하는 5단계 과정
Stitch가 화면을 그리고, Cursor가 그 화면을 그대로 코딩합니다. 디자인과 개발 사이의 간격을 줄이는 제작 루틴입니다.
1
가장 빠른 루트를 고르는 ‘AI 워크플로우 설계’
Claude·Google Stitch·Figma·Cursor·Vercel 등 툴별 역할과 연결 순서를 비교해 목적별 제작 루트를 세팅합니다.
2
‘감’이 아니라 ‘문서’로 만드는 ‘PRD 기반 기획’
Claude로 구조화된 PRD 문서를 작성하고, Notion MCP 연동으로 수정 히스토리를 버전별로 관리합니다.
3
프롬프트 한 줄로 화면을 만드는 ‘Google Stitch 디자인’
PRD를 바탕으로 앱 UI 초안을 자동 생성하고, Figma로 넘겨 레이어 단위로 다듬습니다.
4
디자인을 코드로 옮기는 ‘Figma MCP 핸드오프’
Cursor에 디자인과 기획 문서를 학습시켜 하드코딩 없이 컴포넌트와 기능을 구현합니다.
5
내 이름이 걸린 URL을 얻는 ‘GitHub·Vercel 배포’
커밋·푸시부터 Vercel 연동 배포까지 진행해 실제로 동작하는 서비스를 공개합니다.
강의 수강 이후
수강 후 당신은 이런 사람이 됩니다
🧭
1인 서비스 메이커
팀 없이도 첫 버전을 내놓는
기획·디자인·개발·배포를
하나의 흐름으로 직접 끝냅니다.
📄
문서로 기획하는 PM
감이 아니라 PRD로 지시하는
구조화된 PRD와 버전 관리로
AI에게 정확한 방향을 줍니다.
🎨
디자인-코드 연결자
디자인이 그대로 코드가 되는
Stitch 초안을 Figma에서 다듬고
MCP로 Cursor에 넘겨 구현합니다.
🔗
배포 경험자
링크 하나로 결과물을 증명하는
GitHub·Vercel 배포로
실무·포트폴리오에 바로 쓰는 URL을 확보합니다.
수강 체험단 후기
기업 강의 노하우가 만들어낸 강의
“
이제는 나도 AI 서비스 제작자
개발자나 외주에 맡기면 비용도 비용이지만, 계속 수정을 반복하는 경우가 많았는데 제가 원하는 방향대로 직접 구현할 수 있어서 훨씬 빠르고 만족스럽습니다. 특히 Figma 디자인이 MCP로 코드에 그대로 반영되는 부분이 정말 신기했습니다.
체험단 후기 · 유**
“
배포까지, 이제 혼자서 가능
수강 전엔 기획 문서 작성에서 막혔는데, Claude로 PRD를 잡고 Notion에 버전별로 관리하는 방식을 익히니 기획이 훨씬 명확해졌어요. Stitch로 화면이 바로 나오는 것도 신기했고, 전체 흐름이 연결되니까 혼자서도 다 쉬워졌어요!
체험단 후기 · lee*****
“
코딩 몰라도 ‘진짜 서비스’가 나와요
강의 따라서 만든 서비스를 보니 외주로 만든 거 같고 뿌듯했습니다!ㅎㅎ 실제로 동작하는 서비스가 나오기도 하고, 배포 링크를 직접 공유할 수 있다는 게 제일 컸어요.
체험단 후기 · rayv***
수강생 전원 제공
배운 내용을 바로 활용할 수 있도록,
실전에 필요한 자료까지 알차게 준비했습니다
📘
강의교안
전체 흐름과 핵심을 정리한 자료
🗂️
실습 파일
강의와 같은 환경에서 따라할 예제
* 자료는 수강 시작 후 <00. 교재 다운로드 센터>에서 받으실 수 있습니다.
🖤 블랙프라이데이 50% 특가 · 11/19 ~ 11/30 한정 · 마감 D-?
외주 의존도 0%,
Stitch와 Cursor로 나만의 AI 서비스 혼자서 런칭!
PRD 기획부터 Vercel 배포까지 · 실전 5단계
외주 의존도 0%,
Stitch와 Cursor로 나만의 AI 서비스 혼자서 런칭!
🖤 블프 특가 마감까지–일 –:–:–
🛠️ Stitch·Cursor 서비스 제작
지식공유자 소개
강의를 이끄는 강사님
사용 프로그램 안내
본 강의에서 사용할 프로그램
🤖
Claude PRD 작성
Claude로 서비스 요구사항을 구조화해 PRD 문서 작성
📓
Notion PRD 버전 관리
MCP 연동으로 PRD 수정 히스토리 관리, 강의 전 계정 생성 권장
🧵
Google Stitch AI UI 디자인
텍스트 프롬프트로 앱 UI 자동 생성, Google 계정으로 접속
🎨
Figma 디자인 편집·MCP
Professional 이상 요금제 필수
유료 요금제 필요
유료 요금제 필요
⌨️
Cursor AI 코드 에디터
기본 모델(Composer) 외 모델 선택과 MCP 기능 사용에 Pro 이상 구독 필요
유료 요금제 필요
유료 요금제 필요
🐙
GitHub·Vercel 배포
작업물 업로드와 배포, Google 계정으로 접속
* 프로그램은 별도로 제공되지 않습니다.
수강 전 확인해주세요듀얼 모니터·Windows OS 권장
실습 위주의 강의이기 때문에 강의 화면과 실습 화면을 분리할 수 있는 듀얼 모니터 또는 여분 기기를 함께 준비해주시면 좋습니다.
또한 Windows OS 기반으로 실습이 진행되므로, Windows 환경에서의 수강을 추천드립니다.
강의 교안 및 실습파일은 <00. 교재 다운로드 센터> 섹션에 있습니다.
자주 묻는 질문
예상 질문 Q&A
Q. 강의를 수강하기 위해 개발 경험이나 AI 지식이 필요한가요?
개발 선수 지식은 필요하지 않습니다. 코딩 경험이 전혀 없는 분도 바로 수강해 실무에 활용할 수 있도록 설계된 강의입니다. Cursor가 코드를 직접 작성하므로 수강생은 방향 지시에 집중하시면 됩니다.
Q. 강의를 수강하기 위한 환경 또는 필요 조건이 있나요?
특별한 사전 지식이나 기술은 필요하지 않습니다. 다만 Google Stitch·GitHub·Vercel 접속을 위해 Google 계정이 필요하며, Figma·Cursor·Notion 계정도 강의 전에 미리 만들어 두시면 원활하게 진행할 수 있습니다.
Q. 본 강의 수강에 유료 서비스 구매가 필요한가요?
네. Figma는 프로페셔널 이상의 요금제가 반드시 필요합니다. 또한 Cursor에서 기본 제공 모델인 Composer 이외 모델의 선택과 MCP 기능 사용에는 Cursor Pro 이상 구독이 필요합니다. 필요한 도구와 사용 방식은 강의 초반에 자세히 안내합니다.
커리큘럼 상세
5개 파트, 22강으로 PRD 기획부터 Vercel 배포까지
총 22강 · 5개 파트 · 4.03H · 파트를 누르면 세부 강의가 펼쳐집니다
무료 공개표시된 강의는 클릭해서 바로 미리 볼 수 있어요
01학습 내용 안내AI 워크플로우 · Tool 소개무료 1강
- 01-1AI 시대를 살아가는 우리의 워크 플로우무료 공개08:25
- 01-2수업을 위한 Tool 소개10:45
02최소한의 이론: 한 눈에 보이는 것들의 비밀Claude · PRD 작성 · Notion MCP
- 02-1Claude 설치하기05:27
- 02-2Claude와 Claude Code07:41
- 02-3Claude로 PRD 문서 작성하기10:53
- 02-4MCP란?05:52
- 02-5MCP 활용해서 Notion과 연동하기08:05
- 02-6Notion으로 PRD 버전 관리하기14:03
03핵심 요소와 항목을 잘 보이게 표현하기Google Stitch · 디자인 초안 · Figma 이관무료 1강
- 03-1Google Stitch란?06:05
- 03-2PRD 문서 기반으로 디자인 초안 잡기16:07
- 03-3Google Stitch 기능으로 디자인 디벨롭 하기무료 공개16:05
- 03-4Figma로 작업물 넘기기08:01
04데이터를 효과적으로 표현하는 차트 시각화 테크닉Figma 수정 · Cursor · Figma MCP 구현무료 1강
- 04-1Figma에서 디자인 수정하기16:09
- 04-2Cursor를 소개합니다16:11
- 04-3Cursor Mode와 LLM 선택하기12:40
- 04-4Figma MCP로 Cursor로 옮기기무료 공개12:30
- 04-5Cursor로 구현하고 수정하기(1)19:35
- 04-6Cursor로 구현하고 수정하기(2)14:31
05안 배우면 하기 어려운 시각화 실무팁GitHub · Vercel 배포
- 05-1Github 주요 용어 소개07:35
- 05-2Github에 작업물 올리기08:40
- 05-3Github 작업물 불러와서 수정하기10:52
- 05-4Vercel 활용해서 배포하기05:27
* 강의 교안과 실습 파일은 수강 시작 후 <00. 교재 다운로드 센터>에서 받으실 수 있습니다.
학습 규정 및 환불 규정
학습 규정
- 본 상품은 동영상 형태의 강의를 자유롭게 수강할 수 있는 VOD(온라인 녹화 강의) 상품입니다.
- 수강 신청 및 결제를 완료하시면, ‘내 강좌’를 통해 바로 수강이 가능합니다.
총 학습기간
- 정상 수강기간(유료 수강기간) 최초 30일, 무료 수강 기간은 31일 일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
- 하루 3시간 내외로 학습하시면 정상 수강기간(유료 수강기간) 내에 전체 과정을 모두 수강하실 수 있습니다.
- 수강 시작일은 결제일로부터 산정됩니다.
환불 규정
환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
- 쿠폰을 사용하여 강의를 결제하신 후 취소/환불 시 쿠폰은 복구되지 않습니다.
- 31일차 이후 무료로 제공되는 기간은 환불 산정에 포함되지 않습니다.
- 강의 자료(교재 등)를 다운로드한 경우에는 위 기준과 무관하게 환불이 불가합니다.
* 보다 자세한 환불 규정은 마소캠퍼스 [주의사항 및 환불규정]페이지에서 확인 가능합니다.
기타 환불 관련 안내
환불 요청은 cs@masocampus.com으로 주문번호를 함께 보내주시면 접수됩니다.
- 환불 금액은 신청 시점을 기준으로 산정되며, 업무시간 외 요청은 2영업일 오후까지 순차 처리됩니다.
- 환불 금액은 수업 시간을 기준으로 반올림하여 산정합니다.
- 계좌이체로 환불받으실 경우 이체 수수료 500원이 공제된 금액이 지급됩니다.
- 환불 대금은 접수일로부터 7영업일 이내 지급됩니다.
- 취소 및 환불 접수·처리는 평일 오전 10시~오후 4시 (점심시간 12시~1시 제외) 내에만 가능합니다.
- 취소 및 환불은 한국소비자원 고시 소비자분쟁해결기준에 의거하여 처리됩니다.
주의 사항
- 상황에 따라 별도의 사전 안내 없이 할인 혜택이 조기에 마감되거나 연장될 수 있는 점 참고 부탁드립니다.
- 천재지변, 폐업 등 불가피한 사유로 서비스 운영이 어려운 경우, 서비스가 종료될 수 있습니다.
- 커리큘럼은 완성도 향상을 위한 제작 과정에서 일부 내용이 추가, 삭제 또는 변경될 수 있습니다.
마소캠퍼스 정책 안내
마소캠퍼스 ID 공유 금지 정책
- 마소캠퍼스의 모든 온라인 강의에서는 1개의 아이디로 여러 명이 공유하는 형태를 금지하고 있습니다.
- 동시접속에 대한 기록은 내부 시스템을 통해 자동으로 누적되며, 이후 서비스 이용이 제한될 수 있습니다.
저작권 정책
- 마소캠퍼스의 모든 강의는 무단 배포 및 가공하는 행위, 캡처 및 녹화하여 공유하는 행위, 무단으로 판매하는 행위 등 일체의 저작권 침해 행위를 금지합니다.
- 부정 사용이 적발될 경우 저작권법 위반에 의한 법적인 제재를 받으실 수 있습니다.
그 외 공통 사항은 마소캠퍼스 [주의사항 및 환불규정], [이용약관] 페이지를 따릅니다.
