DEV Community

Cover image for I built a free AI Flowchart Studio — just launched today! 🚀
Yuva Kunaal
Yuva Kunaal

Posted on

I built a free AI Flowchart Studio — just launched today! 🚀

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:

  1. Orchestrator Agent — Validates if the prompt can logically become a flowchart
  2. Logic Parser Agent — Breaks text into a structured JSON graph (nodes + edges)
  3. Generator Agent — Converts the graph into Mermaid.js syntax
  4. 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 (0)