【誰でもできる】Figma MCPとClaudeCodeで○分でLPを制作

AIコーディング実況 / 三森一輝自社チャンネル

2025/09/16に公開

#claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。今回は、Figmaの新機能「MCP（Master Component Playground）」を使って、実際にランディングページを作ってみました。MCPの使い方や、LP制作への活用方法を実例を交えて紹介しています。 AIコーディングツールのCursorも使い、デザインとコードの連携についても軽く触れています。実際に使って感じたメリットや注意点もまとめているので、Figmaの活用方法を広げたい方はぜひご覧ください。 👉 作ったサイトはこちらから【無料プレゼント】今だけ限定で、私が実際に使っているClaude Codeプロンプトを無料プレゼントしています。登録するだけで誰でもすぐにダウンロード可能です。AIで作れる未来を、今日から一歩踏み出しましょう！さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。学びながら手を動かせる人は、確実に差をつけられます。「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください！

関連動画

自社チャンネル

【ゴールデンウィークの悪夢】ClaudeCodeがバカになってしまった件について解説

#ClaudeCode #AI #バイブコーディング ▶5/28セミナー＠神田の申し込みはこちら！ https://peatix.com/event/4991149/view ▶5/29セミナー＠南越谷の申し込みはこちら！ https://peatix.com/event/4992556/view ▶ウェビナー申込はこちら！ https://attendee.bizibl.tv/sessions/seIKhNHAvl8U ▶【初心者おすすめ】AI駆動開発特化型eラーニングサービス https://www.landbridge.ai/e-learning 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。学びながら手を動かせる人は、確実に差をつけられます。「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください！開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。学びながら手を動かせる人は、確実に差をつけられます。「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください！

2026/05/10

自社チャンネル

【人知を超えた記憶能力】AIのコンテキスト量が増えれば賢くなるのかについて解説【Claude】

2026/05/08

自社チャンネル

【最新】Claudeのせいで仕事がなくなる…今の生成AI情勢を解説した。

5/28(木) 無料セミナーのお申し込みはこちら！ ▶ https://peatix.com/event/4991149/view #claudecode #AI #バイブコーディング ▶ウェビナー申込はこちら！ https://attendee.bizibl.tv/sessions/seIKhNHAvl8U ▶【初心者おすすめ】AI駆動開発特化型eラーニングサービス https://www.landbridge.ai/e-learning 開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。学びながら手を動かせる人は、確実に差をつけられます。「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください！開発依頼はこちら ▶https://www.landbridge.co.jp/contact 超最先端のAI研修はこちら ▶https://www.landbridge.co.jp/contact #ai #claudecode #AI #バイブコーディング AIを使えば、未経験でも短期間でシステムやアプリが作れる時代です。この動画では、Claude Codeを活用した「バイブコーディング」の具体的な方法を解説しています。プログラミング経験がなくても、AIに正しいプロンプトを伝えるだけで本格的な開発が可能になります。さらにサイトでは追加ノウハウや最新のプロジェクト情報も公開中です。学びながら手を動かせる人は、確実に差をつけられます。「AIを味方にしてエンジニアになる」最短ルートを、ぜひあなたも体験してください！

2026/05/08