ローカルで動くHiggsfieldのオープンソース代替
無限Canvasで画像と動画のワークフローを組み立て、ブラウザーネイティブのEditorで仕上げ、MCP対応Agentから同じProjectを操作できます。
ウェブサイト · クイックスタート · MCP · 製品ステータス
BeatDesignは、AI画像・動画制作のための独立したオープンソース、ローカルファーストのワークスペースです。Higgsfieldのような一貫した制作フローを、自分のマシンで実行、確認、拡張したい人に向けて作られています。
プロンプト、画像、動画、音声を配置できます。ノードを接続し、アイデアを分岐させ、生成結果を比較して再利用し、ビジュアルワークフロー全体を1つのProjectに保存します。
Canvasの結果をローカルTimelineへ送ります。トリミング、分割、移動、音声ミックス、画像オーバーレイの配置と調整、SRT字幕のスタイル設定、AIによる別Takeの作成、プレビュー、ブラウザーでのMP4書き出しに対応します。
Studioは集中した生成画面を提供します。Assetsでは、読み込み済み・生成済みのファイルをCanvas、Editor、MCPから共通して利用できます。
- デフォルトでローカル保存。 Project、メディア、Canvasの状態、Timeline、生成履歴はローカルワークスペースに保存されます。
- CanvasとEditorがつながる。 生成結果は再利用可能なProject Assetとなり、1つのツール内に閉じ込められません。
- 好きなAgentを使える。 Codex、Claude Code、CursorなどのMCP Hostが、ブラウザーに表示されている同じProjectを読み取り、更新できます。
- 生成サービスは自分で設定。 BeatAPIが組み込みProviderです。ローカルでの読み込み、配置、編集、プレビュー、書き出しにAPI Keyは不要です。
- Forkしやすい設計。 Provider Adapter、Projectストレージ、Command Kernelには明確な拡張ポイントがあります。
プロンプトまたはローカルメディア
↓
無限Canvas ───── 接続、生成、分岐、比較
↓
共有Assets ───── 画像、動画、音声、派生Clip
↓
動画Editor ───── トリミング、配置、プレビュー、MP4書き出し
↑
任意のMCP Agent ─ 同じローカルProjectを操作
Node.js 22以上、pnpm 10以上、macOSまたはWindows上の最新Chromeが必要です。
pnpm install
pnpm db:push
pnpm devhttp://127.0.0.1:3020を開きます。
画像・動画の生成や分析、AI再生成を使う場合にのみ、自分のBeatAPI API Keyを追加します。ローカルファイルを選択しただけではProviderへアップロードされません。
| コマンド | 起動するもの |
|---|---|
pnpm dev |
ビジュアルワークスペース |
pnpm dev:agent |
ビジュアルワークスペースとローカルHTTP MCP Endpoint |
pnpm mcp |
コーディングAgent向けstdio MCP Server |
BeatDesignはSkill、Project、Asset、Canvas、生成、Editor操作をカバーする29個のローカルMCPツールを提供し、内蔵Skillの検出と正式なTimelineからのMP4書き出しにも対応します。Agentによる変更は同じProjectサービスを通り、ブラウザーのワークスペースに表示されます。
MCP Hostへ接続した後は、次のように依頼できます。
最新のBeatDesign Projectを開き、このClipをTimelineへ追加し、ブランド画像のオーバーレイと字幕を調整して、確認できるようにEditorを開いてください。
| コーディングAgent / プラットフォーム | ステータス | クイックセットアップ |
|---|---|---|
| Claude Code | ✅ 対応 | プラグインまたはMCP設定 |
| Codex | ✅ 対応 | プラグイン設定 |
| ZCode | ✅ 対応 | MCP設定 |
| OpenCode | ✅ 対応 | MCP設定 |
| Cursor | ✅ 対応 | MCP設定 |
| Windsurf | ✅ 対応 | MCP設定 |
| VS Code + GitHub Copilot | ✅ 対応 | MCP設定 |
| Cline / Roo Code | ✅ 対応 | MCP設定 |
| Qwen Code | ✅ 対応 | MCP設定 |
| Gemini CLI | ✅ 対応 | MCP設定 |
| Hermes Agent | ✅ 対応 | MCP設定 |
| Kiro | ✅ 対応 | MCP設定 |
| Trae | ✅ 対応 | MCP設定 |
| WorkBuddy | ✅ 対応 | Connector設定 |
| QwenWork | ✅ 対応 | HTTP Connector |
| Doubao Work | ✅ 対応 | HTTP Connector |
- 画像・動画生成とStandard、Deep動画分析。
- Canvas上の画像、動画、音声、生成、Timeline、テキストノード。
- Studio、Canvas、Editor、MCPで共有されるProject Assets。
- 画像、動画、音声、移動可能な画像オーバーレイ、スタイル付きSRT字幕トラックに対応した非破壊Timeline編集。
- WebCodecsとMediabunnyによるローカルプレビューとブラウザー上のH.264/AAC MP4書き出し。
- 英語、中国語、日本語のインターフェース。
- ローカルstdioとStreamable HTTP MCP Transport。
BeatDesignの現行リリースは、ローカルでのショート動画制作に重点を置いています。ホスト型コラボレーション、複数の名前付きTimeline、高度なトランジション、速度変更、波形、デスクトップパッケージは今後の範囲です。
BeatDesignはApache License 2.0で提供されます。BeatAPIおよびBeatDesignの商標、第三者モデルへのアクセス、同梱される第三者コンポーネントには、それぞれの条件が適用されます。第三者に関する通知と商標ポリシーをご覧ください。
