요즘 AI 서비스 제작법: Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지

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

강좌 소개
난이도
보통
카테고리
디자인 - UX/UI
태그
인공지능, 자동화, 타입스크립트, 피그마
수료증
발급 가능
소요 시간
약 3시간 55분
추천 수강대상
- 아이디어는 있지만 개발자 없이 혼자 서비스를 만들어보고 싶은 기획자·PM
- 디자인 이후 단계를 직접 끝내고 싶은 UI/UX 디자이너
- 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 툴 조합으로 설계하고 구현하는 흐름,
이제 고퀄리티의 서비스 결과물로 직접 확인해보세요!




기획부터 배포까지, AI로 혼자 완성하는 단 하나의 실습 강의

1. 강의 신청하기
2. 김대일 강사님과 함께 함께 Google Stitch 기반 서비스 제작 실습
3. 내 Vercel 배포 링크 확보 후 실무·포트폴리오·사이드 프로젝트에 바로 활용


실무에 바로 쓰는 기획·디자인·배포 결과물 완성
Google Stitch로 내 손으로 만든 서비스를 직접 배포해보세요!







외주 의존도 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 환경에서의 강의 수강을 추천해드립니다.
  • 강의 교안 및 실습파일은 <교재 다운로드 센터> 챕터에 존재합니다.

체험하기
모두 펼치기
  • 02
    학습 내용 안내
  • AI 시대를 살아가는 우리의 워크 플로우
  • 04
    핵심 요소와 항목을 잘 보이게 표현하기
  • Google Stitch 기능으로 디자인 디벨롭 하기
  • 05
    데이터를 효과적으로 표현하는 차트 시각화 테크닉
  • Figma MCP로 Cursor로 옮기기
교육 과정
모두 펼치기
  • 01
    교재 다운로드 센터
  • 교재 배포 페이지
  • 02
    학습 내용 안내
  • AI 시대를 살아가는 우리의 워크 플로우
    수업을 위한 Tool 소개
  • 03
    최소한의 이론: 한 눈에 보이는 것들의 비밀
  • Claude 설치하기
    Claude와 Claude Code
    Claude로 PRD 문서 작성하기
    MCP란?
    MCP 활용해서 Notion과 연동하기
    Notion으로 PRD 버전 관리하기
  • 04
    핵심 요소와 항목을 잘 보이게 표현하기
  • Google Stitch란?
    PRD 문서 기반으로 디자인 초안 잡기
    Google Stitch 기능으로 디자인 디벨롭 하기
    Figma로 작업물 넘기기
  • 05
    데이터를 효과적으로 표현하는 차트 시각화 테크닉
  • Figma에서 디자인 수정하기
    Cursor를 소개합니다
    Cursor Mode와 LLM 선택하기
    Figma MCP로 Cursor로 옮기기
    Cursor로 구현하고 수정하기(1)
    Cursor로 구현하고 수정하기(2)
  • 06
    안 배우면 하기 어려운 시각화 실무팁
  • Github 주요 용어 소개
    Github에 작업물 올리기
    Github 작업물 불러와서 수정하기
    Vercel 활용해서 배포하기
마지막 업데이트|2026년 05월 29일
강의자 소개
"어제보다 성장하겠습니다. 그리고, 어제보다 성장하려는 사람을 돕겠습니다." 마소캠퍼스의 진심과 소망을 담은 Actionable Content로, 2013년부터 온오프라인으로 함께해 온 누적 강의 1억시간! 이 소중한 경험과 시간은 언제나 마소캠퍼스와 수강생 모두의 성장의 원천입니다. 마소캠퍼스 팀은 우리의 모두의 성장을 위해 두 가지 원칙을 반드시 지킵니다. 1. 초심자라도 누구나 배울 수 있는 Zero-Base Content 2. 실제로 활용할 수 있는 AI역량을 제공하는 To-Hero Curriculum 마소캠퍼스의 Zero To AI Hero Curriculum으로 성장의 길을 함께 걸어나가길 기원합니다.

강좌 후기
49,000

평균평점
0.0
난이도
보통
수강기간
결제 후 52주 1일간
소요 시간
약 3시간 55분