inflearn logo
inflearn logo

Complete a Responsive Web Portfolio in 4 Hours with Figma MCP × AI

A full-stack course from design to coding and deployment!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel Deployment] Complete your own design exactly as it is with Vibe Coding! A full-stack guide to increasing work productivity by 5x using AI! You, too, can become a full-stack designer capable of both design and coding. Learn a professional workflow that allows you to: ✅ Implement your design intent without a single pixel of error ✅ Design structures that AI can understand ✅ Create prompts that accurately control AI ✅ Analyze and modify code generated by AI at will This is a serialized course released in two parts. ✅ 1st Release: February 22, 2026 - Figma - Desktop mode design - Figma - Registering Variables and naming conventions - Figma - Tablet & Mobile mode design - Preparation for Vibe Coding - Real-world! Vibe Coding - Refactoring with Tailwind CSS - Git version control and GitHub deployment ✅ 2nd Release: March 9, 2026 - React.js refactoring and Vercel deployment - Implementing interactive web features with JavaScript

(5.0) 3 reviews

25 learners

Level Basic

Course period Unlimited

HTML/CSS
HTML/CSS
Figma
Figma
Portfolio
Portfolio
AI
AI
Vibe Coding
Vibe Coding
HTML/CSS
HTML/CSS
Figma
Figma
Portfolio
Portfolio
AI
AI
Vibe Coding
Vibe Coding

Want to know what questions other learners frequently ask?

Limited time deal ends in 7 days

$39.60

29%

$56.10