Hey DEV community! 👋
Just launched AI Flowchart Studio today — a tool that converts
plain English into professional flowcharts using a Multi-Agent
Gemini AI pipeline.
The Problem
Existing tools like Lucidchart are too heavy for quick diagrams.
I wanted something where you just DESCRIBE and it builds.
How the AI Works (4-Stage Pipeline)
This is the part I'm most proud of:
- Orchestrator Agent — Validates if the prompt can logically become a flowchart
- Logic Parser Agent — Breaks text into a structured JSON graph (nodes + edges)
- Generator Agent — Converts the graph into Mermaid.js syntax
- Syntax Validator — Final check to guarantee perfect visual output
This pipeline ensures "Garbage In" never becomes "Garbage Out" 🎯
Tech Stack
Frontend: Vanilla JS, Mermaid.js, html2canvas, CSS3
Glassmorphism — deployed on Vercel
Backend: FastAPI (Python), Google GenAI SDK,
Server-Sent Events for real-time streaming — deployed on Render
Key Features
- 🤖 Multi-Agent AI generation
- ✏️ Manual builder (click & type, no coding)
- 🔄 Undo/Redo engine with memory buffer
- 📤 Export PNG (3x super-scaled), SVG, or Mermaid code
- 💾 5 concurrent saved projects
- 📱 Mobile-responsive with bottom-sheet menus
- 🔍 Hardware-accelerated canvas zoom (+/- 300%)
- 🔑 BYOK — your API key never leaves your browser
Privacy First (BYOK)
Your Gemini API key is stored only in your browser's
LocalStorage. Our backend acts purely as a secure proxy —
zero data retention.
🔗 Try it: AI Flowchart Studio
🚀 Also live on Product Hunt today — support appreciated!
Product Hunt Launch
Would love feedback from devs:
- What would make you use this daily?
- Any architecture improvements you'd suggest?
- Would you pay for a hosted version (no API key needed)?
Thanks for reading! 🙏
Top comments (1)
Just saw your AI Flowchart Studio launch - this is exactly what forg.to is built for! We help builders share their launch journeys across platforms with our unified composer and get authentic engagement from our community of indie hackers.