# MagicPath

人間とAIエージェントが共有するデザインキャンバス

- Findings24: <https://findings24.com/ja/tools/magicpath>
- ウェブサイト: <https://magicpath.ai>
- 料金: Freemium
- カテゴリー: AIデザインアシスタント, AI開発者ツール, AIワークフロー自動化

## MagicPathとは？

MagicPathは、人とエージェントが共同で使える共有デザインキャンバスです。デザイナーや開発者と同じワークスペース上でAIが直接貢献しながら、チームが製品アイデアを一緒に作成、改善、検討できるように設計されています。

この製品はリアルタイムのキャンバスを中心にしており、1つの要件から複数の画面を並行して生成でき、デザイン全体に編集を適用でき、デザインとコードの間を行き来できます。MagicPathはClaude Code、Codex、Cursorなどの外部エージェントもサポートしており、アプリを閉じていても、ターミナル、IDE、またはスマートフォンからプロジェクトを操作できます。

## MagicPathでできること

### 画面の並列生成

MagicPathのキャンバスは並行作業向けに作られており、1つの要件から複数の画面やバリエーションを作成できます。デザイナーエージェントが並行して動き、完了したものから順に表示されます。

### デザイン横断の編集

複数のデザインにまたがって要素をまとめて編集したり、キャンバス上で直接AIプロンプトを送ったりできるため、関連する画面全体に変更を手作業で1つずつ反映する必要がありません。

### 文脈を理解したプロンプト

キャンバスはデザイン、スケッチ、スクリーンショット、画像、選択した要素をコンテキストとして受け付けるため、エージェントに使わせたい素材を正確に指定できます。

### 外部エージェント対応

Claude Code、Codex、Cursorを接続して、ターミナル、IDE、またはスマートフォンから作業を続けられます。ドキュメントでは、外部エージェントがアプリを閉じていてもMagicPathを操作し続けられると説明されています。

### デザインからコードへのワークフロー

Figmaからの取り込み、任意のWebサイトのキャプチャ、本番対応コードのエクスポートに対応しています。料金ページでは、コードのダウンロードと結果を任意のIDEで開く機能についても記載されています。

### マルチプレイヤー共同編集

MagicPathは、ライブのチーム共同編集、共有ワークスペースとしての挙動、そしてプロジェクトで作業するすべてのチームメイトとエージェントをリアルタイムで把握できる機能をサポートしています。

## 利用シーン

### 製品の方向性を探る

短い要件から複数の画面案を一度に作成し、キャンバスに表示されたバリエーションを比較します。

### チームでの共同デザイン

チームメイトを同じワークスペースに招待して、デザインスプリント中にエージェントとリアルタイムで編集、レビュー、連携できるようにします。

### 外部エージェント主導のワークフロー

リポジトリ、MCP、またはLinearのタスクからエージェントに作業を継続させたいときに、Claude Code、Codex、Cursorを接続します。

### 既存アセットから始める

既存のコンテキストが必要で、空白のキャンバスから始めたくないときに、Figmaファイルを取り込んだり、Webサイトをキャプチャしたり、スクリーンショットから始めたりします。

### デザインとコードの往復

承認済みのデザインをコードへ移したり、コンポーネントをキャンバスへ戻したりして、デザインと実装の往復をより密にしたいときに使います。

## よくある質問

### MagicPathは何に使いますか？

MagicPathは、人とエージェントが一緒にデザインするためのキャンバスです。短い要件から新しい画面を作成したり、複数のデザインをまとめて編集したり、Figmaから取り込んだり、Webサイトをキャプチャしたり、実装可能なコードを出力したりできます。

### どのように使い始めますか？

まずアカウントを作成し、作りたいものを説明します。その後、スクリーンショットをアップロードしたり、既存のデザインについて伝えたり、キャンバス上でスケッチしたり、既存の要素を選択したりできます。MagicPathは適切なデザイナーエージェントを呼び出し、準備ができた順に作業をキャンバスへ戻します。

### MagicPathでチームは一緒に作業できますか？

はい。MagicPathはチームとのライブ共同編集に対応しており、チームメンバーとエージェントの両方が同じキャンバス上にリアルタイムで表示されます。

### MagicPathは外部エージェントと連携できますか？

はい。MagicPathはClaude Code、Codex、Cursorなどの外部エージェントと連携でき、アプリを閉じていても、ターミナル、IDE、またはスマートフォンから操作できます。

### Figmaのインポートとエクスポートはどのように機能しますか？

料金ページによると、Freeには毎月5回のFigmaインポートと3回のエクスポートが含まれ、Builderには5回のインポートと無制限のエクスポートが含まれ、ProとTeamsには無制限のFigmaインポートとエクスポートが含まれます。

## クイック情報

- **カテゴリ**: AIデザインキャンバス
- **プラットフォーム**: macOSダウンロード付きWebアプリ
- **主な利用者**: AIエージェントと協働するデザイナー、開発者、チーム
- **主要なワークフロー**: 1つのキャンバス上で人とエージェントとともにデザインを作成、改善、検討する
- **連携のスタイル**: Claude Code、Codex、Cursorなどの外部エージェント、Figmaのインポート/エクスポート、Webサイトのキャプチャ
- **料金体系**: 無料プラン、セルフサーブの有料プラン、カスタムのTeamsプラン