Google Stitch の代替ツール 9 選と評価（2026 年）：Gemini・MCP・上限

結論： Google Stitch は Google Labs の無料の AI デザインキャンバスで、Gemini（標準は 3.8 Flash）がプロンプトから画面とコードをつくります。アイデア出しは速いものの、自分のエージェントにできるのは、Gemini にプロンプトを送るか、完成した HTML をアップロードすることだけで、レイヤーを編集することは一切できません。Google は、チームプラン、コメント、ロールについても記載していません。チームと Claude、ChatGPT、Cursor がいっしょに編集し続けるファイルなら、いちばん良い代替ツールは Kite (kite.new) です。UX Pilot はもっとも近い同種のジェネレーター、v0 と Lovable は動くアプリをつくり、Figma Make は Figma の中で使えます。Stitch は 2026 年 11 月 4 日に Google 自身のページで、UX Pilot、Magic Patterns、MagicPath は 11 月 5 日に、ほかのツールの料金は 10 月 28 日にもう一度確認しました。

私たちは Kite をつくっており、Kite もこのリストに入っています。Kite はデザインのためのモデルを動かしません。Stitch やほかのツールのほうが合うときは、はっきりそう書いています。

Google Stitch のレビュー：できることと、限界

Google Stitch は Google Labs の AI デザインキャンバスで、プロンプト、スケッチ、スクリーンショットから、編集できる画面とフロントエンドのコードをつくります。Google は 2026 年 3 月に、無限キャンバス、デザインエージェント、音声、インタラクティブなプロトタイプを備えてつくり直しました（3 月の発表による）。9 月 2 日から標準のモデルは Gemini 3.8 Flash で、Gemini 3.5 Flash-Lite による高速な Speed Mode もあります（Google の Stitch アカウントによる）。一方、MCP リファレンスには、古い Gemini 3 Flash と 3.1 Pro がまだ載っています。

Google の Stitch の FAQ によると、無料で、一日のクレジット上限は UTC の深夜零時にリセットされます。Figma へはオートレイアウトと名前付きレイヤーつきで、HTML と CSS へは Tailwind つきで書き出せます。デザインは AI Studio と Antigravity にも送れます（Google の 2026 年 5 月のアップデートによる）。DESIGN.md ファイルで、デザインのルールを取り込んだり書き出したりできます（DESIGN.md のドキュメントによる）。

エージェントのつなぎ方は二つあります。API キーまたは Google OAuth でサインインする、14 のツールを持つホスト型の MCP サーバーと、10 月 1 日からは、独自のローカルサーバーを持つコマンドラインツールです。こちらは、実行中のアプリを DESIGN.md に照らしてレビューすることもできます。

Google のページに記載がないこともあります。クレジットの数、有料プラン、チームプラン、コメント、ロールです。Stitch はまだ Labs の製品です。また、エージェントをつないだ場合、プロンプトを書くのはエージェントで、描くのは Gemini です。エージェント自身の作業をキャンバスに載せる方法は、完成した HTML ファイルを画面としてアップロードすることだけです。エージェントが自分で描く場合との違いは、Stitch MCP vs Figma MCP（英語）で扱っています。

Stitch の代替ツールは 3 種類

下のツールは、誰がデザインするかで分かれます。それが、何に払い、何が手元に残るかを決めます：

Google Stitch の代替ツールをひと目で比較

料金は、各社の自社ページで 2026 年 10 月 28 日に確認した、いちばん安い有料プランの、一席または編集者一人あたりの月額です（UX Pilot、Magic Patterns、MagicPath は 11 月 5 日）。月払いか年払いかがページに書かれていない価格は「掲載価格」と表記しています。

Google Stitch の代替ツール 9 選

各項目では、ベンダー自身が文書化していることを取り上げます。そのツールが何をつくるか、いくらか、エージェントがどうつながるか、Figma とどう関わるかです。

1. UX Pilot

UX Pilot は、プロンプト、ドキュメント、スクリーンショットから、高忠実度の UI、ワイヤーフレーム、フローを独自のモデルで生成する AI デザインツールで、Stitch にもっとも近い同種の乗り換え先です。

• 料金： プロジェクト 1 つで一日 80 クレジットまで無料。Pro は年払いで月 $19、掲載価格は $29 です（UX Pilot のプランページによる）。
• エージェントと Figma： ホスト型の MCP サーバーで、自分のエージェントから UX Pilot の生成を動かせます。Figma のコンポーネントを取り込め、有料プランでは Figma へ書き出せます。

2. Kite (kite.new)

私たちのツールです。 Kite は、Claude、ChatGPT、Cursor などの自分のエージェントが、チームが編集・コメントする共有ファイルに、本物の HTML と CSS のレイヤーを描くデザインツールです。デザインのためのモデルは動かさないので、買う AI クレジットはありません。

• 向いている人： すでにエージェントに払っていて、その作業を、コンポーネント、変数、コメントとともに、チームでいっしょに編集し続けるファイルにしたいチーム。
• 向いていない人： 自分でデザインしてくれるジェネレーター、クリックできるプロトタイプ、公開サイトがほしい人。それなら Stitch、v0、Lovable のほうが向いています。
• 料金： 編集者と閲覧者は無制限、ファイル 3 つ、エージェントの操作は一日 200 回まで無料。Pro は編集者一人あたり月 $20、年払いなら月 $16 です（料金を参照）。
• エージェントと Figma： どのクライアントも OAuth でサインインできるホスト型サーバー。エージェントはコメントから仕事を受けることもできます。Figma のフレームは貼り付けで入り、Copy to Figma で戻せます。

行ごとの比較の全体は、Kite vs Google Stitch（英語）にあります。

3. Banani

Banani は、テキスト、スクリーンショット、Figma のリンクから複数画面のデザインをつくる UI ジェネレーターです。

• 料金： 毎月 12 クレジットに加えて毎日 3 クレジットまで無料。Plus は年払いで月 $12、月払いなら $20 です（Banani の料金ページによる）。
• エージェントと Figma： すべてのプランに MCP があり、デザインをコーディングエージェントに渡してビルドさせられます。Figma への書き出しは有料プランです。

4. Magic Patterns

Magic Patterns は、プロンプトからインタラクティブなプロトタイプをつくるプロトタイピングツールで、GitHub と同期できます。

• 料金： 毎月の無料クレジット。Starter は一席あたり月 $17（年払い）で、掲載価格は $20、1,000 クレジットが付きます（Magic Patterns の料金ページによる）。
• エージェントと Figma： エージェントがデザインをつくりプロンプトを送れる MCP サーバーと、Figma への書き出し。どちらも Starter 以上です。

5. MagicPath

MagicPath は、人とエージェントが共有するキャンバスです。独自の AI を持ち、Claude Code、Codex、Cursor もキャンバスで作業でき、その料金はエージェント自身のプロバイダーに請求されます。ここにあるツールのうち、Kite の考え方にいちばん近いものです。

• 料金： 一日 20 クレジットと、外部のエージェントの呼び出し週 50 回まで無料。Builder は月 $7（年 $84 で請求）で、エージェントの呼び出しは無制限です（MagicPath の料金ページによる）。
• Figma： 取り込みも書き出しもできます。Free はどちらにも上限があり、Builder は取り込みが月 25 回までです。

6. Uizard

Uizard は、プロンプトから複数画面のデザインやクリックできるプロトタイプをつくるモックアップツールで、デザイナーではない人向けにつくられています。

• 料金： 月 3 回の生成とプロジェクト 2 つまで無料。Pro は年払いで月 $12 です（Uizard の料金ページによる）。MCP サーバーと Figma 対応は、そこに記載がありません。

7. Figma Make

Figma Make は、Figma のプロンプトからアプリをつくるツールで、ファイルとライブラリがすでに Figma にあるチーム向けです。無料プランで月 500 AI クレジットまで試せます。Full 席に含まれ、Professional の Full 席は年払いで月 $16 です（Figma の料金ページによる）。詳しくは Figma Make の代替ツールをどうぞ。

8. v0

v0 は Vercel のアプリビルダーです。ウェブアプリと UI をコードで書き、GitHub と同期し、Vercel にデプロイします。無料で一日 7 メッセージまで、Plus はユーザーあたり月 $30（掲載価格）です（v0 の料金ページによる）。MCP サーバーで、自分のエージェントから v0 のビルドを動かせます。

9. Lovable

Lovable は、チャットでフルウェブアプリをつくり、ホスティングするアプリビルダーです。無料で一日 5 ビルドクレジット、月 30 までです。Pro は月 $25、年払いなら $21 です（Lovable のプランページによる）。MCP サーバーで、自分のエージェントが Lovable のプロジェクトをつくり、変更できます。その呼び出しには Lovable のクレジットがかかります。

Claude、ChatGPT、Cursor と使える代替ツールは？

いまはこれらのツールのほとんどに MCP サーバーがあるので、エージェントをつなげるかどうかは、もう違いになりません。大事なのは、誰がデザインするか、そして AI の代金を誰に払うかです：

• 自分のエージェントが、相手のジェネレーターを動かす： Stitch、UX Pilot、Magic Patterns、v0、Lovable。エージェントがプロンプトを書き、相手のモデルがデザインをつくります。たとえば Lovable は、その呼び出しを自社のクレジットで課金します（MCP ドキュメントによる）。
• 自分のエージェントが、完成したデザインを受け取る： Banani の MCP は、デザインをコーディングエージェントに渡してビルドさせます。
• 自分のエージェントが、自分でデザインする： Kite と MagicPath。Kite ではエージェントがレイヤーを置き、MagicPath では React を書きます。どちらも、AI の代金は、すでに払っているエージェントに請求されます。

ファイルの中でエージェントが働くデザインツールは、Figma MCP の代替ツール（英語）をどうぞ。

エージェントのコストがいちばん低いキャンバスは？

Stitch はこのテストに入れていません。その MCP は、エージェントに描かせるのではなく、Stitch 自身の Gemini ジェネレーターを動かすものだからです。自分のエージェントが描ける代替ツールについて、2026 年 11 月 3 日に、四つのキャンバス、Kite、Figma、paper.design、pen.dev で、同じブリーフを Claude でテストしました。

今回の 1 回では、デザインはほぼ同じに仕上がりました。違ったのは、描くこと以外のすべてです。

Kite は同じ仕事を最も少ないトークンでこなしました。Figma の約 5 分の 1、pen.dev の約 4 分の 1、paper.design の約 5 分の 2 です（各ツールの呼び出しが送受信した分だけを数えています）。 Claude が Kite で読み書きしたのは約 4,000 トークン。Figma では約 21,000、pen.dev では 16,000、paper.design では 10,000 でした。差の大半は、各ツールが最初にエージェントに読ませるマニュアルです。Kite のデザインはエージェントがすでに知っている HTML と CSS なのでガイドが短くて済みます。Figma と pen.dev は独自のプラグインコードやファイル形式を教え、paper.design のガイドは同じ HTML と CSS についてでも Kite の 4 倍の長さがあります。

ツールはトークンを使い、それは Claude や ChatGPT のプランの上限に数えられます。Anthropic のヘルプセンターはツールやコネクタが多くのトークンを使うと説明し、OpenAI の Codex 料金ページは MCP サーバーを足すたびにメッセージのコンテキストが増え、上限を多く使うと書いています。つまりトークンが少ないほど上限に余裕が残りますが、どれだけかを公表しているベンダーはありません。

測り方。 2026 年 11 月 3 日に、Claude Opus 5.5 に各ツールで同じ依頼を 1 回ずつ出しました。どのファイルにもデザインシステムはありません。トークン数は、セッションログで各ツールの呼び出しが送受信した文字数を 4 で割ったものです。スクリーンショット、エージェント自身の思考、各ツールのツール一覧（Kite は 61 個）は数えておらず、どのベンダーもプランに含まれるトークン数を公開していません。マニュアルはセッションごとに 1 回読まれるため、今回のような単発のタスクで差が最も大きくなります。依頼文を書いてテストを行い、このページを公開しているのは Kite です。

Stitch を使い続けたほうがよい場面

無料で手早くコンセプトを出したいなら、Stitch を使い続けましょう。一つの画面の案を最大五つまで一度に返せ、Kite にはない音声とクリックできるプロトタイプもあります。おすすめの組み合わせは、Stitch で下書きし、Figma に書き出し、そのフレームを貼り付けかファイルの取り込み（英語）で Kite に入れて、チームとエージェントに仕上げてもらうことです。自動では同期されません。

そのほかの選択肢

Visily は、ワイヤーフレームと UI 画面のための AI デザインツールで、1 画面あたり 30 AI クレジットかかります。公式サイトは 2026 年 11 月 5 日に読み込めなかったため、料金は載せていません。paper.design と pen.dev は、自分のコンピューターからエージェントが描くキャンバスです。もっと幅広い一覧は、AI デザインツールのおすすめ（英語）と Figma の代替ツールをどうぞ。

確認方法

ほかのツールについての情報は、すべてそのツール自身の料金ページ、ドキュメント、発表を 2026 年 10 月 28 日に開いて確認したもので、使った箇所にリンクしています。UX Pilot、Magic Patterns、MagicPath は 11 月 5 日に読み直しました。Stitch の FAQ は Google 自身のサイトで読みました。ベンダーが書いていないことは推測せず「記載なし」とし、ベンダーのページで読み取れなかった数字は載せていません。このページは四半期ごとに見直しています。