メインコンテンツまでスキップ

Chatbot Flow Editor

GUI tool for designing chatbot conversation flows. Create, test, and export as JSON for any chatbot framework.

$npx @enumura/chatbot-flow-editor

🎨 Launch visual flow designer in your browser

Chatbot Flow Editor Interface

Everything you need to design chatbot flows

A complete visual design tool for conversation flow creation

🎨

Visual Flow Designer

Design conversation flows with an intuitive visual interface. Create nodes, add options, and connect flows without any coding required.

💬

Live Chat Preview

Test your flows with the built-in chat simulator. Experience conversations exactly as your users will before implementation.

📦

JSON Export

Export flows as clean, structured JSON data. Integrate with any chatbot framework, platform, or custom implementation.

Design First, Implement Later

This is a visual design tool, not a complete chatbot solution. Design your flows, export JSON.

1

Design Flows

Create conversation paths visually
2

Test & Preview

Simulate conversations in real-time
3

Export JSON

Download structured flow data

See It In Action

Watch this introduction to understand how Chatbot Flow Editor works

Export Structured Data

Download your conversation flows as clean JSON format

📋

Structured Format

Export flows as clean, well-structured JSON data with clear node relationships and options.

💾

Easy Export

One-click export functionality to download your complete conversation flow design.

🔄

Import & Export

Save your work and share flows with team members through JSON file exchange.