bytedance/flowgram.ai

これは何？

主な機能

• 01ノードを任意の場所に配置し、自由な形の線で接続できる自由配置キャンバス。
• 02分岐やループなどの複合ノードに対応した固定レイアウトキャンバス。
• 03描画、バリデーション、連動、エラー捕捉に対応するノード設定フォームエンジン。
• 04スコープ制約、構造の検査、型推論を備えた変数エンジン。
• 05LLM、Condition、Code Editorのノードなど、すぐに使えるマテリアル。
• 06単一のコマンドでデモアプリを起動できるプロジェクトジェネレーター。

ユースケース

• ビジュアルエディターを基盤に、独自のAIワークフローやエージェントオーケストレーションプラットフォームを構築する。
• 社内の自動化ツールにノードベースのワークフローデザイナーを追加する。
• ユーザーがデータ処理の手順をつなぎ合わせる、ノーコードの設定インターフェースを作成する。
• ReactとTypeScriptのアプリケーションで、フローチャート形式のエディターを試作する。

クイックスタート

1. 1

   新しいFlowGramプロジェクトを作成します（Free Layout Demoテンプレートを選択）

   npx @flowgram.ai/create-app@latest
2. 2

   プロジェクトディレクトリに移動して、依存関係をインストールします

   cd demo-free-layout npm install
3. 3

   プロジェクトを起動します

   npm start
4. 4

   ブラウザーで http://localhost:3000 を開きます

使う前に知っておきたいこと

• !これはフレームワーク兼ツールキットであり、すぐに使えるワークフロープラットフォームではないため、その上に独自の製品を構築する必要があります。

トピック

よくある質問

flowgram.ai とは？

AIワークフロープラットフォームの構築に必要なキャンバス、フォーム、変数、マテリアルを備えたTypeScriptフレームワーク。 FlowGramは、独自のビジュアルワークフロー製品を開発したい人向けの、ワークフロー開発フレームワーク兼ツールキットです。すぐに使えるワークフロープラットフォームではなく、フローキャンバス、ノード設定フォームエンジン、変数スコープチェーン、LLM、Condition、Code Editorなどのすぐに使えるノードマテリアルといった構成要素を提供します。

flowgram.ai は無料で使えますか？ライセンスは？

flowgram.ai は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

flowgram.ai は今もメンテナンスされていますか？

活発にメンテナンス中。flowgram.ai の最終コミットは 2026年10月13日 です。

flowgram.ai は何に使えますか？

ビジュアルエディターを基盤に、独自のAIワークフローやエージェントオーケストレーションプラットフォームを構築する。 社内の自動化ツールにノードベースのワークフローデザイナーを追加する。 ユーザーがデータ処理の手順をつなぎ合わせる、ノーコードの設定インターフェースを作成する。 ReactとTypeScriptのアプリケーションで、フローチャート形式のエディターを試作する。

flowgram.ai のインストール方法は？

新しいFlowGramプロジェクトを作成します（Free Layout Demoテンプレートを選択）: npx @flowgram.ai/create-app@latest プロジェクトディレクトリに移動して、依存関係をインストールします: cd demo-free-layout npm install プロジェクトを起動します: npm start ブラウザーで http://localhost:3000 を開きます

flowgram.ai はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/bytedance/flowgram.ai