Figma Make の代替ツール 9 選（2026 年）：料金を確認済み

結論： Figma Make のいちばん良い代替ツールは、最終的に何がほしいかで決まります。動くアプリなら Lovable、v0、Bolt。プロトタイプなら Claude Design、Google Stitch、Magic Patterns、Uizard。ウェブサイトなら Framer。チームと自分のエージェントが編集し続けるデザインファイルを、AI クレジットなしで使いたいなら Kite (kite.new) です。料金は 2026 年 10 月 28 日に各社のページで確認し、Claude Design、Google Stitch、Magic Patterns は 11 月 5 日にもう一度確認しました。

私たちは Kite をつくっており、Kite もこのリストに入っています。Kite はアプリビルダーではありません。ほかのツールのほうが合うときは、はっきりそう書いています。

ほしい成果物から選ぶ

有料の Figma プランの Full 席をすでに持っていて、毎月のクレジットで作業が十分まかなえるなら、デザインもライブラリもすでに Figma にあるので、Figma Make に残るのがいちばん簡単です。

Figma Make とは何か、料金はいくらか

Figma は Make を「AI 駆動の、プロンプトからアプリをつくるツール」と呼び、アイデアや既存のデザインをプロトタイプ、ウェブアプリ、インタラクティブな UI にできるとしています（Figma Make のよくある質問による）。有料プランの Full 席で使え、Professional の Full 席は年払いで月 $16 です（Figma の料金ページによる）。無料の Starter プランでも試せます。

プロンプトを送るたびに AI クレジットを使います。Starter は一日 150、月 500 まで、Professional の Full 席は月 3,000 です。クレジットは毎月リセットされ、繰り越せません（Figma AI クレジットの仕組みによる）。Figma 自身のガイドでは、アプリをゼロから生成するには約 100 クレジット以上かかり、AI の操作を元に戻してもクレジットは戻りません（同じクレジットのガイドによる）。

Make のファイルは figma.site のアドレスに公開されます。Figma によると、標準では検索エンジンにインデックスされず、SEO の設定はまだなく、ファイルを削除すると公開も止まります（Make のよくある質問による）。

Figma Make の代替を探す理由

• やり直しに使われるクレジット。 あるデザイナーは Reddit r/FigmaDesign のスレッドで、「クレジットをかなり食う」と書いています。元に戻してもクレジットは戻らないので、出来の悪い下書きをやり直すたびに、また消費します。
• 行き詰まったように感じる作業。 同じスレッドは、書き出せないのはなぜかと尋ねています。書き出せます。Make はコードを .zip でダウンロードするか、GitHub に push できます。同期されないのは Figma 側です。Figma Design にコピーしたプレビューはレイヤーになりますが、Make のファイルは更新されません。
• ほしい成果物が違う。 ログインとデータベースのある本物のアプリがほしいチームもあれば、デザインだけがほしく、それを普段いっしょに働く人やエージェントに編集してもらいたいチームもあります。

Figma Make の代替ツールをひと目で比較

料金はいちばん安い有料プランで、2026 年 10 月 28 日に各社の料金ページで確認したものです（Claude Design、Stitch、Magic Patterns は 11 月 5 日）。月払いか年払いかがページに書かれていない場合は「〜から」と表記しています。

Figma Make の代替ツール 9 選

九つを、最終的に手に入るものごとに並べました。まず動くアプリ、次にプロトタイプと生成された画面、そしてウェブサイト、最後にチームが編集し続けるデザインファイルです。

1. Lovable

Lovable は、プロンプトからフルスタックのウェブアプリをつくるアプリビルダーです。バックエンド、lovable.app アドレスでのホスティング、すべてのプランでの Git 同期があります。

• 向いている人： デザインをエンジニアに渡すのではなく、ログインとデータベースのある動くアプリがほしい創業者やプロダクトチーム。
• 料金： 一日 5 ビルドクレジット、月 30 まで無料。Pro はワークスペースあたり月 $25、年払いなら $21 です（Lovable の料金ページによる）。
• Figma とエージェント： プラグイン経由で Figma のデザインを取り込めます（Figma のドキュメントによる）。MCP サーバーを使うと自分のエージェントから Lovable にプロンプトを送れますが、通常の Lovable クレジットがかかります。

2. v0

v0 は Vercel のアプリビルダーです。Next.js、React、Tailwind でアプリを書き、GitHub と同期を保ち、Vercel にデプロイします。

• 向いている人： 自分のリポジトリに置き、Vercel で出荷する本番用のコードがほしい開発者。
• 料金： 一日 7 メッセージまで無料。Plus はユーザーあたり月 $30 から（v0 の料金ページによる）。
• Figma とエージェント： スクリーンショット、モックアップ、Figma のデザインを取り込めます。MCP サーバーで、自分のエージェントがチャットを始め、v0 にメッセージを送れます。

3. Bolt

Bolt は、プロンプトからウェブサイトとアプリをつくり、すべてのプランでホスティングするアプリビルダーです。独自ドメインは Pro から使えます。

• 向いている人： アプリをすばやく公開したい小さなチーム。つくることとホスティングをひとつの場所で済ませられます。
• 料金： 月 1M トークンまで無料。Pro は年払いで月 $18 です（Bolt の料金ページによる）。
• Figma： Anima 経由で、リンクを使ってフレームを一つずつ（Figma ガイドによる）。

4. Claude Design

Claude Design は、Anthropic が Claude の中で提供するデザイン製品です。デザイン、インタラクティブなプロトタイプ、ワンページャー（スライド資料は Claude Slides に移りました）をつくり、実装の段階になると作業を Claude Code に渡します。Claude のプランに含まれます（Anthropic のはじめてのガイドによる）。

• 向いている人： すでに Claude に払っていて、別のサブスクリプションも別のクレジットメーターも増やさずに、インタラクティブなプロトタイプがほしい人。
• 料金： どの Claude プランでも使えますが、Free にはデザインシステムもリンク共有もありません。Pro は年払いで月 $17、月払いなら $20 です（Claude の料金ページによる）。
• 注意： 単独の Claude Design サイトは 2026 年 12 月 14 日に閉鎖されます（同じガイドによる）。使用量は Claude のほかの機能と同じ上限に数えられ、プランでどれだけのデザインができるかは Anthropic が示していません。詳しくは Claude Design の代替ツール（英語）をどうぞ。

5. Google Stitch

Google Stitch は Google Labs のデザインキャンバスで、Gemini がプロンプトから UI とプロトタイプの下書きをつくります。Figma にデザインを貼り付けられ（Google の発表記事による）、MCP サーバーと SDK もあります。

• 向いている人： 画面の最初の下書きをすばやく。ひとつに決める前に、いくつかの方向性を試したいとき。
• 料金： 現在は無料で、一日のクレジット上限があり、有料プランの記載はありません（Stitch の FAQによる）。Kite との比較は Kite vs Google Stitch（英語）にあります。

6. Magic Patterns

Magic Patterns は、プロンプトやスクリーンショットからプロトタイプをつくり、有料プランでは Figma に書き出せます（書き出しのドキュメントによる）。

• 料金： 毎月の無料クレジット。Starter は一席あたり月 $17（年払い）で、$20 からとも掲載されています（Magic Patterns の料金ページによる）。
• エージェント： 有料プランの MCP サーバー。料金は Magic Patterns のクレジットで請求されます。

7. Uizard

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

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

8. Framer

Framer は、独自のデザインエージェントを持つウェブサイト制作ツールです。ページをデザインして公開でき、ホスティングと独自ドメインは有料プランで使えます。

• 料金： 試せる 500 AI クレジット付きの無料プランがあります。Basic は月 $10 から（Framer の料金ページによる）。MCP サーバーはプレビュー段階です。

9. Kite (kite.new)

私たちのツールです。 Kite は、Claude、ChatGPT、Cursor、Codex などの自分のエージェントが、チームが編集・コメントするファイルに本物の HTML と CSS のレイヤーを描くデザインツールです。生成したアプリを返すチャットはなく、AI クレジットもありません。

• 向いている人： Make を主にデザインに使っていて、生成された下書きにクレジットを払うより、自分のエージェントに編集できるレイヤーを描かせたい人。
• 向いていない人： 動くアプリ、ホスティング、クリックできるプロトタイプが必要な人。それなら Lovable、v0、Bolt、Claude Design のほうが向いています。
• 料金： 編集者と閲覧者は無制限、ファイル 3 つ、エージェントの操作は一日 200 回まで無料。Pro は編集者一人あたり月 $20、年払いなら $16 です（料金を参照）。
• 書き出し： 完成したデザインを HTML、React、Tailwind としてコードベース用にコピーするか、Copy to Figma で編集できるレイヤーとして Figma に貼り付けます。

代わりに自分の AI エージェントで作業できる？

これらのうちいくつかは、Claude や Cursor などのエージェントを MCP 経由で受け入れます。エージェントにできることは、ツールによって違います。

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

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

Figma Make の代わりに自分のエージェントに作業させるとしても、エージェントが描くキャンバスは重要です。Figma Make 自体は、プロンプトをデザインのレイヤーではなく動くプロトタイプにするため、このテストには入れていません。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 です。

ツール一覧もこれに積み重なりますが、このテストには数えていません。デザイン用ではない三つの別の MCP サーバーでエージェントを調べた arXiv の 2025 年の研究は、プロンプトが有効なツールの数にほぼ比例して増えると報告しています。これは Kite にも当てはまり、Kite は Claude に 61 のツールを渡します。そのため、仕事に必要なサーバーだけをつないでおきましょう。

Figma のデザインを取り込む・送り返す

• Figma Make： Figma のデザインから始められ、プレビューをレイヤーとして Figma にコピーし戻せますが、同期はされません。
• Lovable と v0： Figma のデザインを取り込めます。Figma への送り返しは記載がありません。
• Bolt： Anima 経由で、フレームを一つずつ。
• Magic Patterns： Figma から貼り付け、有料プランでは Figma へ書き出し。
• Google Stitch： デザインを Figma に貼り付けられます。
• Kite： フレームをレイヤーとして貼り付け、Copy to Figma でフレームを送り返せます（どちらも英語）。

Make だけでなく Figma 自体から離れるなら、Figma の代替ツールをどうぞ。

確認方法

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