26년도에 업데이트해야하는 피그마 스킬들 기본기들을 배울 수 있는 매우 귀중한 시간이고 지금도 열심히 배우고 있는 중 입니다.

heart Stone

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

내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성!
AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집!

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

디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.



J.영

앵콜 할인

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

실습 중심

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로 인터렉션구현

후기 작성하신분께 드리는 특전