현동

디자인부터 코딩 배포까지 풀스택 코스!!
 [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포]

내 디자인 그대로를	바이브코딩으로 완성!
AI를 활용해 작업 생산성을 5배 높이는 풀스택 공략집!

디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다.
✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현
✅ AI가 이해하는 디자인을 설계 
✅ AI를  정확하게 통제하는 프롬프트 제작
✅ AI가 맘대로 작성한 코드도 분석하여 수정
하는 실무 워크플로우를 배웁니다.

본 강의는 1차,2차로 오픈되는 연재식 강의입니다.
✅ 1차 오픈 : 2026년 2월 22일 
                  - Figma - Desktop모드 디자인
                  - Figma - Variables 등록 및 naming작성법
                  - Figma - Tablet모드 & Mobile모드 디자인
                  - Vibe Conding을 위한 준비
                  - 실전! Vibe Coding
                  - TailWind적용 리펙토링
                  - Git버전관리 및 Github배포

✅ 2차 오픈 : 2026년 3월 9일(순차적 오픈)
                 - React.js리펙토링 및 vercel배포
                 - javaScript를 통한 인터렉티브 웹구현

J.영

앵콜 할인

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

현동님 높은 수강평 감사드립니다^^
열공하시고 꼭 좋은 결과 있으시길 응원드려요^^

J.영드림

실습 중심

ai 코딩

AI 코딩

deploy basics

처음하는배포

grasp react

리액트감잡기

ai in practice

AI 활용법

입문

초급

중급이상

HTML/CSS

피그마

Figma

Portfolio

포트폴리오

인공지능(AI)

vibe-coding

바이브코딩

강의 소개 및 학습목표

Figma - Desktop모드 디자인

변수 등록 및 naming 작성법

Figma-Tablet모드 & Mobile모드 디자인

Vibe Coding을 위한 준비

실전! Vibe Coding

TailwindCSS를 통한 반응형리펙토링

Git & Github 배포

React.js리펙토링

JavaScript로 인터렉션구현