신규
요즘 AI 서비스 제작법: Google Stitch·Figma·Cursor로 기획부터 즉시 배포까지
과정 안내
과정소개
| 연수대상 | 교원(어린이집/유치원, 초등학교, 중학교, 고등학교) 및 교육전문직 | 모집인원 | 기수별 300명 |
|---|---|---|---|
| 학습목표 |
● PRD(결과물 요구사항 문서)와 MCP(Model Context Protocol)의 개념 및 바이브코딩에서의 중요성을 이해하고, Claude로 PRD 문서를 작성하여 Notion과 연동함으로써 AI에게 일관성 있고 명확한 의도를 전달하는 서비스 기획 역량을 갖출 수 있습니다.
● Google Stitch로 PRD 기반 UI 디자인 초안을 생성·디벨롭하고, 작업물을 Figma로 옮겨 세부 수정한 뒤 Figma MCP를 Cursor에 연결하여, Notion MCP 문서 읽기 → 디자인 토큰 생성 → 컴포넌트 구현 → 기능 구현의 순서로 하드 코딩 없이 To do List 반응형 서비스를 직접 완성하는 실전 제작 역량을 갖출 수 있습니다. |
||
| 학습개요 |
● 본 과정은 단순한 AI 도구 체험을 넘어, Google Stitch, Figma, Cursor를 유기적으로 연결하여 서비스 기획부터 디자인, 구현, 배포까지 전 과정을 직접 완성하는 요즘 AI 서비스 제작법을 다룹니다. "AI는 내가 원하는 것을 100% 알지 못한다"는 바이브코딩의 본질적 문제를 해결하기 위해, 결과물이 무엇이어야 하는지·왜 만드는지·누구를 위한 것인지를 정의하는 PRD 작성법과 AI 모델이 다른 프로그램과 정해진 맥락대로 콘텐츠를 주고받게 해주는 MCP 활용법을 기반으로, 일관성 있고 명확한 의도 전달이 가능한 AI 협업 체계를 스스로 설계할 수 있도록 구성되었습니다.
● Claude로 PRD 문서를 작성하고 Notion MCP로 연동하는 서비스 기획 단계부터, 프롬프트만으로 UI를 설계하고 실제 코드로 전환하는 Google Stitch의 디자인 초안 생성과 재생성·변형, 주석 기능, Direct Edit, 디자인 시스템 등 디벨롭 기능까지 체계적으로 학습합니다. 나아가 협업과 직접 수정, 개발 친화성을 위해 작업물을 Figma로 옮겨 세부 수정하고, Figma MCP를 Cursor에 연결해 Notion MCP 문서 읽기 → 디자인 토큰 생성 → 컴포넌트 구현 → 기능 구현으로 이어지는 순서로 하드 코딩 없이 To do List 반응형 서비스를 직접 완성하는 단계까지 실습합니다. |
||
학습목차
- 1강PRD 문서와 MCP로 시작하기
- 2강Stitch로 디자인해보기
- 3강Figma에서 세부 수정하기
- 4강Cursor 사용 세팅하기
- 5강Cursor로 서비스 완성하기
연수일정
| 신청종료 | 연수기간 | 이수증 공개 | |
|---|---|---|---|
|
~ 2026년 10월 23일 (Fri)
(추가접수) |
2026년 10기 2차 직무연수 2026년 10월 13일 (Tue) ~ 2026년 10월 26일 (Mon) |
14일 | 2026년 10월 27일 (Tue) |
|
~ 2026년 10월 26일 (Mon)
(추가접수) |
2026년 10기 3차 직무연수 2026년 10월 20일 (Tue) ~ 2026년 11월 2일 (Mon) |
14일 | 2026년 11월 3일 (Tue) |
| ~ 2026년 10월 26일 (Mon) |
2026년 10기 4차 직무연수 2026년 10월 27일 (Tue) ~ 2026년 11월 9일 (Mon) |
14일 | 2026년 11월 10일 (Tue) |
| ~ 2026년 11월 2일 (Mon) |
2026년 11기 1차 직무연수 2026년 11월 3일 (Tue) ~ 2026년 11월 16일 (Mon) |
14일 | 2026년 11월 17일 (Tue) |
| ~ 2026년 11월 9일 (Mon) |
2026년 11기 2차 직무연수 2026년 11월 10일 (Tue) ~ 2026년 11월 23일 (Mon) |
14일 | 2026년 11월 24일 (Tue) |
| ~ 2026년 11월 16일 (Mon) |
2026년 11기 3차 직무연수 2026년 11월 17일 (Tue) ~ 2026년 11월 30일 (Mon) |
14일 | 2026년 12월 1일 (Tue) |
| ~ 2026년 11월 23일 (Mon) |
2026년 11기 4차 직무연수 2026년 11월 24일 (Tue) ~ 2026년 12월 7일 (Mon) |
14일 | 2026년 12월 8일 (Tue) |
| ~ 2026년 11월 30일 (Mon) |
2026년 12기 특별(2주) 1차 직무연수 2026년 12월 1일 (Tue) ~ 2026년 12월 14일 (Mon) |
14일 | 2026년 12월 15일 (Tue) |
평가방법
| 평가방법 | 내용 | 배점 | 이수조건 |
|---|---|---|---|
| 합계 | 100점 | 총점 60점 이상 | |
| 온라인 강의 | 진도율 | 0점 | 90% 이상 진도율 |
| 온라인 평가 | 온라인시험 | 0점 | |
| 의견등록 | 100점 | ||
| 출석평가 | 지필평가 | 없음 | |
*이수 기준 : 진도율 90% 이상 & 총점 60점 이상. 두 조건을 모두 충족해야 이수 가능합니다.
연수후기
선생님들의 또 다른 평가
: 역량강화에 큰 도움이 됐어요
50%
역량강화
50%
교육이론
-
시대를 따라가기 위해서!!!!!!조** 선생님 2026-10-19
재외국제학교에 근무하다가 한국에 돌아오니, 많은 AI관련 툴들과 시스템으로 순식간에 많은 것들이 바뀌었더라구요, 재외한국학교는 이런것들을 전혀 사용하지 않는지라.. 많이 뒤쳐졌구나 깨닫고 연수를 수강하였습니다!! 완벽하게는 아니지만 다양한 인공지능 프로그램들을 익힐수 있는 좋은 기회였어요~~ 나의 역량강화를 위해!! 뜻 깊은 시간이였습니다.
더보기 접어두기
- 1
다른 선생님이 함께 살펴보신 과정
-
15차시 디지털역
50,000원연수·상품SET 상시연수 모바일아이스크림으로 완성하는 에듀테크50,000원 -
15차시 디지털역
50,000원연수·상품SET 상시연수 모바일교사를 위한 구글 활용법(실전편)50,000원 -
15차시 디지털역
50,000원상시연수 모바일생성형 AI & 코스웨어로 디자인하는 미래교실50,000원 -
15차시 디지털역
50,000원연수·상품SET 상시연수 모바일부장교사를 위한 AI&에듀테크 활용 노하우50,000원