Figma MCP × AI x Vibe Coding 4시간만에 완성하는 반응형 웹포트폴리오
Figma디자인 + AI활용코딩 + 배포까지 풀스택 코스!! [피그마 + 바이브코딩 (HTML/CSS/Tailwind/React) + Git + vercel 배포] 내 디자인 그대로!! 1픽셀도 오차없이 바이브코딩으로 완성! AI활용으로 실무 생산성을 5배 높이는 풀스택 공략집! 디자인도 코딩도 모두 가능한 풀스택 디자이너, 당신도 될 수 있습니다. ✅ 내 디자인의 의도까지 한 픽셀의 오차 없이 구현 ✅ AI가 이해하는 디자인 설계 ✅ AI를 정확하게 통제하는 프롬프트 제작능력 ✅ AI가 맘대로 작성한 코드 척척 수정능력 디자인부터 코딩 배포까지 1/5로 단축되는 놀라운 경험을 느립니다.
수강생 261명
난이도 초급
수강기한 무제한
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결
변수 설정 시에 질문입니다.
안녕하세요, J.영님.강의 잘 수강하고 있습니다, 감사합니다. 일전에 변수 설정을
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩오상훈/디자인컨버전스학부
・
14일 전
0
33
2
- 미해결
figma 파일을 받을 수가 없어요
<img src="https://cdn.inflearn.com/public/files/posts/e8650291-ffb2-4a34-857d-7a217472ae86/7fb3d83b-4052-4375-872e-40b96e96de0b.png" media-type="img"
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩허영덕
・
한 달 전
0
61
1
- 미해결
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
<img src="https://cdn.inflearn.com/public/files/posts/8ea74278-fe31-433d-970f-de8b732267f9/e98cf7bb-8169-4422-9c9c-f1fc23e7f107.png" media-type="img"
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩JJJ
・
한 달 전
0
56
1
- 미해결
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
안녕하세요. 선생님,커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?각각 버전 어느걸 쓰면 좋을지
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩JJJ
・
2달 전
0
105
1
- 미해결
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
안녕하세요, 강좌 5의 피그마 파일(라이브클랙스 강좌)은 어디서 다운받을 수 있나요?
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩prayforyooh
・
2달 전
0
80
2
- 미해결
노션에 20.Contact가 없어요
노션 정리본에 20.Contact에 관한 내용이 없이 19번에서 21번으로 건너뛰어요<img src="https://cdn.inflearn.com/public/files/posts/827b242c-a98e-4b6
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩김가희
・
2달 전
0
51
2
- 미해결
Json 플러그인 사용시 variable collection 없음
안녕하세요. Json화 하려고 플러그인 실습을 해보고 있는데, 선생님이 업로드해주신 파일들을 제 드래프트에 복붙하고 사용하고 있습니다.플러그인 실행시 다음과 같이
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩김혜령
・
2달 전
0
58
2
- 미해결
배리어블 목록 없음
안녕하세요. 첨부해주신 Figma 파일을 복사해서 제 피그마로 가져온 후, 배리어블이 잘 나오는지 보기 위해 클릭했는데요.선생님 화면에는 윈도우 상단에 respo
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩김혜령
・
3달 전
0
127
3
- 미해결
Token 등록 방법 문의
안녕하세요. 배리어블 작성법 관련하여 궁금한 점이 있습니다.강의에서는 모든 컴포넌트에 대하여 배리어블 값을 쪼개서 등록하는것으로 이해하였는데요.<p sty
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩김혜령
・
3달 전
0
54
1
- 해결
노션 25 인터렉션 구현 파트 안 보입니다!
<img src="https://cdn.inflearn.com/public/files/posts/572a64a7-9957-47af-abe9-68606c1bf1b6/e1897c09-bb19-44f5-82f6-476de16573cd.png" media-type="img"
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩쉬었음루피
・
3달 전
0
68
2
- 미해결
figma variable 반응형 디자인 결과물 공란
figma variable 연결 결과물에 url이 없는데, 어디서 받을 수 있을까요? 다시 걸어주시면 감사하겠습니다.<img src="https://cdn.inflearn.com/public/files/posts
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩채희
・
3달 전
0
111
2
- 미해결
로고이미지가없는데요..
로고이미지 업로드해주세요
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩소진
・
4달 전
0
81
2
- 미해결
피그마 AI기능 관려
피그마에서 레이어 이름 일괄바꾸기 기능을 쓰면 전부 첫글자가 대문자로 바뀌는데 직접 소문자로 바꾸는 작업을 해야하나요?
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩DongHawn Hwang
・
4달 전
0
104
2
- 미해결
hero-img 이미지
선생님이 주신 이미지중, hero-img(png)는 있지만 svg는 없습니다. 확인부탁 드립니다.
HTML/CSSfigma포트폴리오ai-활용-(ax)바이브코딩빛이나
・
5달 전
0
103
1
- 미해결
폰트확인 부탁 드립니다.
폰트PPEditorialNew 폰트다운 : <a target="_blank" rel="noopener noreferrer nofollow" href="https:
HTML/CSSfigma포트폴리오ai-활용-(ax)바이브코딩작성자 없음
・
5달 전
0
96
2






