Figma MCP × AI x Vibe Coding 4時間で完成させるレスポンシブWebポートフォリオ
Figmaデザイン + AI活用コーディング + デプロイまでフルスタックコース!! [Figma + バイブコーディング (HTML/CSS/Tailwind/React) + Git + vercel デプロイ] 自分のデザインそのまま!!1ピクセルの誤差もなくバイブコーディングで完成! AI活用で実務の生産性を5倍高めるフルスタック攻略本! デザインもコーディングもすべて可能なフルスタックデザイナー、あなたもなれます。 ✅ デザインの意図まで一ピクセルの誤差なく具現 ✅ AIが理解するデザイン設計 ✅ AIを正確にコントロールするプロンプト制作能力 ✅ AIが自由に作成したコードをサクサク修正する能力 デザインからコーディング、デプロイまで1/5に短縮される驚きの体験をお届けします。
受講生 261名
難易度 初級
受講期間 無制限
他の受講生がよくする質問が気になりますか?
- 未解決
변수 설정 시에 질문입니다.
안녕하세요, J.영님.강의 잘 수강하고 있습니다, 감사합니다. 일전에 변수 설정을
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩ohrok
・
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)바이브코딩mopp04702841
・
1ヶ月前
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)바이브코딩amywine07017463
・
1ヶ月前
0
56
1
- 未解決
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
안녕하세요. 선생님,커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?각각 버전 어느걸 쓰면 좋을지
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩amywine07017463
・
2ヶ月前
0
105
1
- 未解決
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
안녕하세요, 강좌 5의 피그마 파일(라이브클랙스 강좌)은 어디서 다운받을 수 있나요?
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩prayforyooh2177
・
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)바이브코딩gahhhh94070877
・
2ヶ月前
0
51
2
- 未解決
Json 플러그인 사용시 variable collection 없음
안녕하세요. Json화 하려고 플러그인 실습을 해보고 있는데, 선생님이 업로드해주신 파일들을 제 드래프트에 복붙하고 사용하고 있습니다.플러그인 실행시 다음과 같이
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩marui5935
・
2ヶ月前
0
58
2
- 未解決
배리어블 목록 없음
안녕하세요. 첨부해주신 Figma 파일을 복사해서 제 피그마로 가져온 후, 배리어블이 잘 나오는지 보기 위해 클릭했는데요.선생님 화면에는 윈도우 상단에 respo
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩marui5935
・
3ヶ月前
0
127
3
- 未解決
Token 등록 방법 문의
안녕하세요. 배리어블 작성법 관련하여 궁금한 점이 있습니다.강의에서는 모든 컴포넌트에 대하여 배리어블 값을 쪼개서 등록하는것으로 이해하였는데요.<p sty
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩marui5935
・
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)바이브코딩loooooopy
・
3ヶ月前
0
68
2
- 未解決
figma variable 반응형 디자인 결과물 공란
figma variable 연결 결과물에 url이 없는데, 어디서 받을 수 있을까요? 다시 걸어주시면 감사하겠습니다.<img src="https://cdn.inflearn.com/public/files/posts
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩rlacogml12176652
・
3ヶ月前
0
111
2
- 未解決
로고이미지가없는데요..
로고이미지 업로드해주세요
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩jungsojin182720
・
4ヶ月前
0
81
2
- 未解決
피그마 AI기능 관려
피그마에서 레이어 이름 일괄바꾸기 기능을 쓰면 전부 첫글자가 대문자로 바뀌는데 직접 소문자로 바꾸는 작업을 해야하나요?
HTML/CSSfigma포트폴리오인공지능(ai)바이브코딩react38493995
・
4ヶ月前
0
104
2
- 未解決
hero-img 이미지
선생님이 주신 이미지중, hero-img(png)는 있지만 svg는 없습니다. 확인부탁 드립니다.
HTML/CSSfigma포트폴리오ai-활용-(ax)바이브코딩inmytoto
・
5ヶ月前
0
103
1
- 未解決
폰트확인 부탁 드립니다.
폰트PPEditorialNew 폰트다운 : <a target="_blank" rel="noopener noreferrer nofollow" href="https:
HTML/CSSfigma포트폴리오ai-활용-(ax)바이브코딩作成者なし
・
5ヶ月前
0
96
2

