얼리버드 30% 할인 중 --:--:-- 남음
평점 5.0 · 수강생 21명 · 51개 강의

Figma MCP × AI로
4시간만에 완성하는
반응형 웹포트폴리오

디자인을 했는데 코딩을 못해서 포트폴리오를 못 만드나요?
AI 바이브코딩으로 생산성을 5배 높이고
디자인부터 배포까지 완벽하게 마스터하세요

30% 할인 받고 수강 신청하기
얼리버드 할인 · 평생 수강 · 업데이트 무료
5.0
평균 평점
21
수강생
3
수강평
51
강의 수
5h 51m
총 강의 시간
수강평

먼저 경험한 수강생의 후기

인프런 실제 수강평 원문 그대로예요

빛
빛이나
평점 5 · 강의 수강 중
5.0
진짜 좋은 강의라고 생각한다. 아직 진행중이지만 될수 있으면 빠르게 한번 보고 다시 봐야 할 것만 볼예정이다. 진짜 도움 많이 받고 있다. 하나하나 나눠서 알고 있던 것들이 합쳐지는 경험. 제이영선생님에게 직접 가서 배우고 싶다. 이런걸 방에서 배울수 있다니...감사합니다.
인프런에서 수강평 더 보기 →
공감

이런 경험, 혹시 있으신가요?

디자인은 했는데 코딩을 못해서 포트폴리오를 못 만드는 그 답답함

Figma로 디자인만 하고 코딩 못 해요

디자인을 완성했는데 HTML/CSS로 어떻게 구현할지 감이 안 잡혀요

AI를 활용해서 빠르게 개발하고 싶어요

바이브코딩이 뭐고 어떻게 활용하는지 모르겠어요

반응형 웹을 만들어야 하는데 복잡해요

Desktop/Tablet/Mobile 모두 대응하려니까 너무 많은 수정이 필요해요

포트폴리오 배포는 어떻게 해야 하나요?

Git/Github, Vercel 배포 같은 건 들어만 봤어요

강의 특징

이 강의가 특별한 이유

AI를 활용한 풀스택 포트폴리오 완성

Figma MCP로 디자인을 바로 코드로

AI가 Figma 디자인을 인식하고 HTML/CSS 코드를 생성해줘요

AI 바이브코딩으로 생산성 5배 증가

반복적인 코딩 작업을 AI에게 맡기고 핵심 로직에만 집중해요

반응형 웹 완성 (Desktop/Tablet/Mobile)

Tailwind CSS로 한 번에 모든 기기에 대응하는 웹을 만들어요

Vercel 배포까지 한 번에

Git/Github 연동과 Vercel 배포를 직접 체험하고 포트폴리오를 공개해요

React로 인터랙티브 웹 만들기 (2차 업데이트)

4시간 기초 과정 이후 React.js로 고급 기능을 추가해요

포트폴리오 자료 + 전체 소스코드 제공

강의 자료와 프로젝트 소스코드를 모두 다운로드할 수 있어요

강사 소개

J.영

J.영 프로필
J.영
풀스택 디자이너/프론트엔드 개발자
디자인과 개발을 모두 경험한 풀스택 크리에이터예요. Figma에서 시작한 디자인이 어떻게 웹사이트가 되는지, 그리고 AI가 어떻게 이 과정을 혁신할 수 있는지를 직접 보여줍니다. 초보자도 따라올 수 있도록 반복되는 작업은 AI에게 맡기고, 창의적인 부분에만 집중하는 방법을 가르쳐요.
1,200+
수강생
4.9
평점
8
강의
156
수강평
수강 대상

이런 분들께 추천드려요

추천합니다

  • 디자이너가 코딩을 배우고 싶은 분
  • 포트폴리오가 꼭 필요한 취준생/전환자
  • AI 바이브코딩에 관심 있는 개발자
  • 빠르게 반응형 웹을 만들고 싶은 분

비추천합니다

  • 백엔드/서버 개발에 관심 있는 분
  • React 고급 과정을 원하시는 분

지금 바로 AI로 포트폴리오를 완성하세요

30% 할인 쿠폰이 자동 적용돼요

수강 신청하기
커리큘럼

전체 51개 강의 · 5시간 51분

4개 섹션 · 실습 중심

섹션 1. 소개 & Figma 기초 8개 · 48분
섹션 2. AI Vibe Coding & HTML/CSS 기초 16개 · 1시간 52분
섹션 3. Tailwind CSS 리팩토링 12개 · 1시간 24분
섹션 4. Git & Vercel 배포 15개 · 1시간 47분
30% OFF
Figma MCP × AI 웹포트폴리오
₩72,600 ₩50,820
얼리버드 할인 중
30% 할인 받고 수강하기
얼리버드 할인 · 수강 시작 후 7일 이내 환불 가능
FAQ

자주 묻는 질문

디자인 경험이 없어도 수강할 수 있나요?
네, 괜찮아요. Figma 기초부터 시작하고 AI 바이브코딩으로 코딩 부담을 줄였어요. 디자인 초보자도 따라올 수 있도록 설계했습니다.
코딩 초보자도 따라갈 수 있나요?
네, AI MCP를 활용한 바이브코딩으로 생산성을 5배 높였어요. HTML/CSS 기초를 빠르게 습득하고 Tailwind로 스타일링해요. React는 중급 차원에서 다루니 기초 HTML/CSS 이해가 도움 됩니다.
Figma MCP란 무엇인가요?
Figma MCP는 AI가 Figma 디자인을 인식하고 바로 코드로 변환해주는 도구예요. 이를 활용하면 디자인 → 코딩 과정이 극적으로 단축됩니다.
수강 기한이 있나요?
아니요, 한 번 구매하면 무제한으로 수강할 수 있어요. 평생 수강권이에요.
2차 React 오픈은 언제인가요?
2차 React.js 고급 모듈은 4월 중 추가 공개될 예정이에요. 선수강자에게는 추가 비용 없이 업데이트 제공됩니다.

포트폴리오를 완성할 준비가 되셨나요?

AI 바이브코딩으로 디자인부터 배포까지 4시간 만에 완성하세요

30% 할인 받고 수강하기
얼리버드 할인 · 평생 수강 · 업데이트 무료
30% OFF Figma × AI 웹포트폴리오 · 얼리버드 할인 중 --:--:--
수강 신청하기