inflearn logo
知識共有
inflearn logo

最近のAIサービス制作法:Google Stitch・Figma・Cursorで企画から即時デプロイまで

コーディングの知識がなくてもOK、Google Stitchで完成させる自分だけの初サービス 企画からデプロイまで一つの流れでつなぐオールインワンAI開発ワークフロー

1名 が受講中です。

難易度 入門

受講期間 無制限

AI
AI
Figma
Figma
cursor
cursor
Model Context Protocol
Model Context Protocol
claude
claude
AI
AI
Figma
Figma
cursor
cursor
Model Context Protocol
Model Context Protocol
claude
claude

受講後に得られること

  • Claude・Notion・Google Sheets・Figma・Cursorまで、目的に合わせたツールを組み合わせて制作ルートを設計

  • MCP連動で完成するツールとAIが繋がったスマートワークフロー

  • Figma MCPでデザインをコードに変換するAIハンドオフ実習

  • PRD文書に基づいた企画からVercelデプロイまで、収益につながる「実践サービス」を完成

コーディングの知識がなくてもOK、Google Stitchで完成させる自分だけの最初のサービス
企画からデプロイまで一つの流れでつなぐオールインワンAI開発ワークフロー

外注依頼、チームメンバー待ち…もう過去のやり方です。
Google Stitchで誰もが自ら作る実務AIサービス

企画・デザイン・開発・デプロイまで、最強のAIツールを組み合わせて
限界なく拡張する1人メーカーのフルスタックAI制作能力

 

– Claude・Notion・Google Stitch・Figma・Cursorまで、目的に合わせたツールセットで制作ルートを設計
– MCP連動で完成させる、ツールとAIが繋がったスマートワークフロー
– Figma MCPでデザインをコードに変換するAIハンドオフ実習
– PRDドキュメントベースの企画からVercelデプロイまで、収益につながる「実践サービス」の完成

職種の境界を越えるAIワークフロースキルアップ
他人に振り回されることなく、今こそ自ら作り、デプロイする番です!


Google Stitch・Figma・Cursorで企画から即時デプロイまで カリキュラムの特徴

失敗することなく、実際にデプロイされるサービスを作るGoogle Stitchの実践講義です。

1. ツール選びから始める最速のAIワークフロー入門
Claude・Google Stitch・Figma・Cursor・Vercelなど、AIツールの環境比較および目的別の最適制作ルートの設計

2. 「感」ではなく「文書」で作るPRDベースの企画設計
ClaudeとMCPの連動による構造化されたPRD文書の作成およびNotionバージョン管理体系の確保

3. プロンプト一行でUIの草案を完成させるGoogle Stitch活用法
テキストベースのUI自動生成からFigmaへの移管まで、途切れのないデザイン草案作成ルーチン

4. Figma MCPでデザインをコードに変換するAIハンドオフワークフロー
Cursorにデザイントークンとコンポーネントを学習させ、ハードコーディングなしで実務実装を完成

5. GitHub・Vercelで完成させる実際のデプロイサービス制作
コミット・プッシュからVercel連携デプロイまで、自分の名前がついた実際のURLを確保

AIツールの組み合わせで設計し、実装する流れ、

今すぐハイクオリティなサービスの成果物を直接確認してみてください!

企画からデプロイまで、AIで一人で完成させる唯一の実習講義

1. 講義を申し込む

2. キム・デイル講師と一緒にGoogle Stitchベースのサービス制作実習

3. 自分のVercelデプロイリンクを確保し、実務・ポートフォリオ・サイドプロジェクトに即活用

実務ですぐに使える企画・デザイン・デプロイの成果物を完成
Google Stitchで、自分の手で作ったサービスを直接デプロイしてみましょう!

外注依存度0%、
StitchとCursorで自分だけのAIサービスを一人でローンチ!


待って依存するやり方はもう終わり、AIツールの組み合わせで一人で完成!

チームなしでも、コーディングなしでも — 自分の手で作ったサービスが世に出ます!


このような方に自信を持っておすすめします。

– アイデアはあるが、開発者なしで一人でサービスを作ってみたい企画者・PM
– デザイン以降の段階を自分で完結させたいUI/UXデザイナー
– AIツールは使ってみたが、企画・デザイン・デプロイまで繋がるワークフローがなかった方
– 外注せずに自分でプロトタイプを作って検証したいスタートアップ創業者
– コーディング経験なしでサイドプロジェクトを実際にデプロイしてみたい方
– Google Stitch・Figma・Cursorを一度に実務に繋げたいすべての方
– 企画からデプロイまでの全過程を直接経験してポートフォリオを作りたい就職準備生
– AI活用能力で競争力を備えたいすべての方

 

開発者のアサインや外注依頼の負担はもう終わり、PRD作成からデプロイリンクの確保まで!
理論ではなく、実務ですぐに利益につながる「本物のワークフロー」だけを持ち帰ってください。


講義の特徴

 

STEP 1. 企画からデプロイまで、全体像を見抜く「視野の拡張」

ツールごとの役割と連携順序を把握し、流れが途切れない自分だけのAIサービス制作環境を最初から正しく構築

 

STEP 2. アイデアを言語化するPRDドキュメント作成とバージョン管理の習得

Claudeにサービスの要件を構造的に指示し、Notion MCP連携で修正履歴を段階的に企画

 

STEP 3. テキスト一行が画面になる Google Stitch デザイン生成実習

プロンプトでアプリUIを自動生成した後、Figmaに渡してレイヤー単位で直接仕上げる「草案から完成版」への転換プロセス実習

 

STEP 4. AIがデザインを読み取りコードを書くMCPベースの実装とデプロイの実践

MCPでデザインと企画をコードに落とし込み、Vercelで実サービスを世の中に即公開


MCPとFigma・Cursorでデザインとコードを素早く連携!

自分の手で企画し、デプロイする
Google Stitch 実践制作ルーチン、今すぐ始めましょう!

「これ本当に一人で作ったの?」と周囲を驚かせる技術、
非開発者にとって最も強力な「サービス制作の武器」Google Stitchで自ら完成させてください。

よくある質問 Q&A

Q. 講義を受講するために開発経験やAIの知識は必要ですか?
A. 本講義は、コーディング経験が全くない方でもすぐに受講して実務に活用できるスキルの提供を目標に設計された講義であり、開発に関する事前知識は必要ありません。Cursorがコードを直接作成するため、受講生は方向性の指示に集中していただければ大丈夫です。

Q. 講義を受講するための環境や必要条件はありますか?
A. 講義を受講するために特別な予備知識やスキルは必要ありません。ただし、Google Stitch・GitHub・VercelへのアクセスのためにGoogleアカウントが必要であり、Figma・Cursor・Notionのアカウントも講義前にあらかじめ作成しておくと、スムーズに進めることができます。

Q. 本講義の受講に有料サービスの購入は必要ですか?
A. 本講義では、Figmaはプロフェッショナル以上の料金プランが必ず必要です。講義の冒頭で、必要なツールと使用方法について詳しくご案内する予定です。



受講前にご確認ください!

  • 実習中心の講義であるため、講義画面と実習画面を分離できるデュアルモニター、または予備の機器を一緒にご用意いただくことをお勧めします。

  • また、Windows OSベースで実習が行われるため、Windows環境での受講をおすすめします。

  • 講義資料および実習ファイルは、<00. 教材ダウンロードセンター>セクションにあります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • アイデアはあるが、開発者なしで一人でサービスを作ってみたい企画者・PM

  • デザイン以降の工程を自ら完結させたいUI/UXデザイナー

  • AIツールは使ってみたものの、企画・デザイン・配布までつながるワークフローがなかった方

  • 外注せずに自らプロトタイプを作成して検証したいスタートアップ創業者

  • コーディング経験なしでサイドプロジェクトを実際にデプロイしてみたい方

  • Google Stitch・Figma・Cursorを一度に実務に取り入れたいすべての方

  • 企画からデプロイまでの全過程を直接経験し、ポートフォリオを作りたい就職準備生

  • AI活用能力で競争力を備えたいすべての方

前提知識、
必要でしょうか?

  • 本講義は、コーディング経験が全くない方でもすぐに受講して実務に活用できるスキルの提供を目標に設計された講義であり、開発に関する事前知識は必要ありません。Cursorがコードを直接作成するため、受講生は指示出しに集中していただければ大丈夫です。

  • 講義を受講するために特別な事前知識やスキルは必要ありません。ただし、Google Stitch・GitHub・VercelにアクセスするためのGoogleアカウントが必要であり、Figma・Cursor・Notionのアカウントも講義前にあらかじめ作成しておくと、スムーズに進めることができます。

  • 本講座では、Figmaのプロフェッショナル以上のプランが必ず必要です。講座の冒頭で、必要なツールと使用方法について詳しくご案内する予定です。

こんにちは
Masocampusです。

11,524

受講生

1,688

受講レビュー

141

回答

4.7

講座評価

112

講座

「昨日より成長します。そして、昨日より成長しようとする人を助けます。」

マソキャンパスの真心と願いを込めたActionable Contentで、,

2013年からオン・オフラインで共にしてきた累計講義1億時間

この貴重な経験と時間は、常にマソキャンパスと受講生双方の成長の源泉です。

 

マソキャンパスチームは、私たち全員の成長のために、2つの原則を必ず守ります。

 

1. 学べば必ず使える Actionable Content that you can surely use once you learn it

2. 参加者の時間と労力を尊重する Time-Saving Curriculum that respects the time and effort of participants

マソキャンパスのActionable and Time-Saving Curriculumで、共に成長の道を歩んでいけることを願っています。

もっと見る

カリキュラム

全体

24件 ∙ (3時間 55分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

Masocampusの他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!

期間限定セール

¥48,510

30%

¥8,838