MagicPath の代替ツール
MagicPath と UX Pilot：機能、ワークフロー、料金の直接比較
MagicPath は、AI エージェントがブリーフを React コードに変えるキャンバスです。UX Pilot はプロダクトのデザインを一緒に進めます。フロー全体、複数の方向性、ヒートマップとレビューを経て、Figma やコードへすっきり引き渡せます。
クレジットカード不要
UX Pilot で生成した、Figma ですぐに使える画面
UX Pilot と MagicPath の比較
概要
デザインの実体
始め方
デザインの方向性
複数画面の作業
Predictive Heatmaps
デザインとアクセシビリティのレビュー
Figma へのコピー
Figma の中での作業
Webflow へのコピー
コードエクスポート
コーディングエージェント
デザインシステム
無料プラン
向いているチーム
UX Pilotで作成したイマーシブなWebサイト
動きと奥行きのある Web サイト
UX Pilot は、大胆なタイポグラフィ、奥行き、動きを備えた没入型のマーケティングサイトもデザインします。
不動産
UX Pilot製プロダクトローンチ
UX Pilot製ECサイト
UX Pilot製デザインスタジオ
UX Pilot製旅行
UX Pilot製フィンテック
UX Pilot製ファッションルックブック
UX Pilot製音楽フェス
UX Pilot製建築事務所
UX Pilot製ファッションドロップ
UX Pilot製オーディオ機器
UX Pilot製
2 つのツール、2 つの出発点
MagicPath は自らを、人とエージェントのための共有ワークスペースだと説明しています。チャットでデザイナーエージェントのチームにブリーフを渡すと、画面が並行して作られ、どのデザインも Claude Code、Codex、Cursor に渡せる React コードになります。
UX Pilot はデザインの課題から始めます。プロダクトやユーザージャーニーを説明するか、スケッチやスクリーンショットをアップロードすると、完成した画面、つながったフロー、比較できる 4 つの方向性が得られます。そのうえで、実装に入る前にヒートマップとデザインレビューで確認できます。
どちらのツールも、デザインを編集可能なレイヤーとして Figma にコピーできます。UX Pilot はさらに、プラグインの Nodey を通じて Figma の中でも動くので、ファイルにすでにあるコンポーネントでデザインできます。
このページの MagicPath に関する情報は、2026 年 10 月時点の MagicPath 公式サイトとドキュメントに基づいています。機能や料金は変わることがあるため、最新情報は magicpath.ai でご確認ください。
UX Pilot製
UX Pilot が MagicPath より強いところ
MagicPath はエージェントでブリーフをコードにすることが得意です。UX Pilot はその周りのデザイン作業、つまりアイデアの検証、ジャーニー全体の設計、Figma での作業に強みがあります。
UX Pilot製
引き渡し前の Predictive Heatmaps とデザインレビュー
UX Pilot は画面のどこに注目が集まりやすいかを予測し、階層、一貫性、アクセシビリティを WCAG のコントラストチェックも含めて自動でレビューします。ユーザーやクライアントがページを目にする前に問題を直せます。
MagicPath のドキュメントには、予測ヒートマップやアクセシビリティレビューの記載はありません。MagicPath の重点は、デザインをコードとして生成、編集、出荷することにあります。
Figma の UX Pilot プラグイン
Nodey で Figma の中でデザイン
UX Pilot のプラグイン Nodey は、Figma のキャンバス上で動く AI デザインエージェントです。画面やフローを説明すると、ファイル内に編集可能なフレームを作成します。フレームを選んで変更を頼んだり、Use My Components をオンにしてファイル内の既存コンポーネントでデザインしたりできます。
MagicPath はコピー＆ペーストで Figma とつながります。Figma のフレームは React コードとして取り込まれ、Copy to Figma でデザインを編集可能なレイヤーとして戻せます。
UX Pilot製
1 つのプロンプトでユーザージャーニー全体を
Autoflow は、オンボーディング、チェックアウト、予約などのジャーニーのすべての画面を、一貫したナビゲーションと共有コンポーネントで生成します。ワイヤーフレームやフローチャートで低忠実度から始め、構造が固まったら完成した UI へ進むこともできます。
MagicPath もタスクごとにデザイナーエージェントを割り当てて複数画面を同時に作るため、どちらも複数画面の作業に対応しています。UX Pilot はその周りの UX の工程、つまりワイヤーフレームやフローチャートからレビューまでを加えます。
UX Pilot製
Figma、Webflow、コードへ 1 クリック
どのデザインも、オートレイアウト付きの編集可能なレイヤーとして Figma へ、または Webflow へ 1 クリックでコピーできます。実装の段階では、HTML、CSS、Tailwind を書き出したり、React プロトタイプを生成したり、コードを GitHub と同期したりできます。
この点では MagicPath も強力です。どのデザインもすでに TypeScript と Tailwind CSS を使った React で、コーディングエージェントがそのままリポジトリに追加できます。本番用の React が主な成果物なら、これは確かな利点です。
UX Pilot のデザインシステム
手持ちのデザインシステムを使う、またはゼロから作る
AI でゼロから作るほか、Web サイト、Figma ファイル、GitHub リポジトリ、コードベース、DESIGN.md から取り込めます。新しい画面はあなたのトークンとコンポーネントで作られます。
6 つの始め方
チャットで説明するか、Web サイトの URL、Figma ファイル（ベータ）、GitHub リポジトリ、ローカルのコードベース、アップロードしたファイルから取り込めます。
中心は DESIGN.md
トークンと使い方のガイドは 1 つの DESIGN.md にまとまり、AI はデザイン時にそれに従います。トークンを編集するとファイルも更新されます。
下書き、公開、バージョン
変更は公開するまで下書きのまま。バージョン履歴にはすべての公開が残ります。
Kresimir Retih,
プロジェクトマネージャー"私にとってまさにゲームチェンジャーでした。登録してからワークフローが格段にスムーズになり、生産性も大幅に向上しました。直感的で使いやすいプラットフォームなので、UX作業がとても簡単かつ効率的になります。UXプロセスを効率化したい方に強くおすすめします。"
料金の違い
2026 年 10 月時点で、MagicPath には 4 つのプランがあります。Free は 1 日 20 クレジット、月最大 120 クレジットです。Builder は月額 10 ドル、年払いなら月額 7 ドルで、外部エージェントの呼び出しと Figma へのエクスポートが無制限になります。Pro は月額 30 ドルから、年払いなら月額 21 ドルからで、600 クレジットのパックが基本となり、より大きなパックも選べます。Teams では SSO と、シートごとに 1,000 クレジットが加わります。
UX Pilot にはクレジットカード不要の無料プランがあります。Pro は年払いで月額 19 ドル、月払いで月額 29 ドルで、デザインツール一式が含まれます。
無料
月払い
年払い
クレジットの仕組みはツールごとに異なるため、表示価格だけでなく毎月の作業量で比べるのがおすすめです。
どちらのツールもクレジットカードなしで無料で始められます。いちばん公平な比べ方は、同じブリーフを両方で試すことです。
UX Pilot と MagicPath：自分に合うのはどっち？
チームが React で開発していて、すでに Claude Code、Codex、Cursor を使っているなら、MagicPath のほうが合っています。どのデザインも最初からコードで、アプリを閉じていてもエージェントが操作でき、チームメンバーとエージェントが 1 つのライブキャンバスを共有します。
デザインそのものが仕事なら、UX Pilot のほうが合っています。つながったフロー、1 つのプロンプトで 4 つの方向性、Predictive Heatmaps とデザインレビュー、自分の Figma ファイルの中で動くプラグインがそろい、実装の準備ができたらコードも書き出せます。
2 つのアプローチは組み合わせることもできます。UX Pilot の MCP サーバーは Claude Code、Cursor などのエージェントとつながり、コードエクスポートで実装に使うツールへデザインを渡せます。
UI のデザイン、検証、引き渡しを 1 か所で進めたいなら UX Pilot を。すべてのデザインをコーディングエージェントが活用できる React コードにしたいなら MagicPath を選びましょう。
UX Pilot製
よくある質問
UX Pilot と MagicPath について知りたいこと。
デザインして、検証して、引き渡そう
最初のプロンプトから、完成した画面、つながったフロー、ヒートマップを。必要なときは Figma やコードにも。
数秒でデザインを生成
