AI駆動研究所
YouTube一覧に戻る

【誰でもできる】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で変わる未来が衝撃なので伝えます。

#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/01/30
【徹底比較】CursorとAntigravityの違いを検証した結果
自社チャンネル

【徹底比較】CursorとAntigravityの違いを検証した結果

#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/01/30
【衝撃】ManusでHPを作ったら想像以上のデザインに驚愕した!誰でもホームページが作れる時代に!
自社チャンネル

【衝撃】ManusでHPを作ったら想像以上のデザインに驚愕した!誰でもホームページが作れる時代に!

#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/01/16
資料請求お問い合わせ