Figma MCP × AIで4時間で完成させるレスポンシブWebポートフォリオ
デザインからコーディング、デプロイまでフルスタックコース!! [Figma + Vibe Coding (HTML/CSS/Tailwind/React) + Git + Vercel デプロイ] 自分のデザインをそのままVibe Codingで完成! AIを活用して作業生産性を5倍高めるフルスタック攻略本! デザインもコーディングもすべて可能なフルスタックデザイナー、あなたもなれます。 ✅ 自分のデザインの意図まで1ピクセルの誤差なく実装 ✅ AIが理解するデザインを設計 ✅ AIを正確にコントロールするプロンプト制作 ✅ AIが自由に作成したコードも分析して修正 する実務ワークフローを学びます。 本講義は、1次・2次に分けてオープンされる連載形式の講義です。 ✅ 1次オープン:2026年2月22日 - Figma - デスクトップモードのデザイン - Figma - Variables登録および命名規則 - Figma - タブレットモード&モバイルモードのデザイン - Vibe Codingのための準備 - 実践!Vibe Coding - Tailwind適用リファクタリング - Gitバージョン管理およびGitHubデプロイ ✅ 2次オープン:2026年3月9日 - React.jsリファクタリングおよびVercelデプロイ - JavaScriptを通じたインタラクティブウェブ実装
受講生 21名
難易度 初級
受講期間 無制限

