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

디자인부터 코딩 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로를 바이브코딩으로 완성! AI를 활용해 작업 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인을 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작 ✅ AI가 맘대로 작성한 코드도 분석하여 수정 하는 실무 워크플로우를 배웁니다. 본 강의는 1차,2차로 오픈되는 연재식 강의입니다. ✅ 1차 오픈 : 2026년 2월 16일 - Figma - Desktop모드 디자인 - Figma - Variables 등록 및 naming작성법 - Figma - Tablet모드 & Mobile모드 디자인 - Vibe Conding을 위한 준비 - 실전! Vibe Coding - TailWind적용 리펙토링 - Git버전관리 및 Github배포 ✅ 2차 오픈 : 2026년 3월 3일 - React.js리펙토링 및 vercel배포 - javaScript를 통한인터렉티브 웹구현