Powered by Google Gemini

Turn text into flowcharts
with Gemini AI

Describe any process in plain English. Gemini converts it into a structured, editable flowchart in seconds — no diagramming experience needed.

Generate your first flowchart
Mermaid output SVG & PNG export Click-to-edit nodes Runs in browser Free to use
Start Validate input Valid? Show error Complete

What you can create

From login flows to CI/CD pipelines — describe it in plain English and get a structured diagram.

🔀

Decision Trees

Yes/no branches, multi-path logic, and condition-based routing

⚙️

Process Maps

Step-by-step flows for onboarding, approvals, and operations

🔁

Error & Retry Flows

Failure paths, retries, rollbacks, and fallback states

{ }

Mermaid Output

Copy raw Mermaid code for GitHub, Notion, GitLab, Obsidian

📐

SVG & PNG Export

Sharp vector or raster export for slides, docs, and design tools

✏️

Editable Nodes

Click any node to rename it or change its shape after generation


How to write a strong prompt

The more explicit your prompt, the better Gemini can structure it. Include:

Example prompt

Customer refund approval
"Create a customer refund approval flow. Start with a refund request. Check if the order is within the return window — if not, reject and notify the customer. If yes, send the item to quality review. If approved, process the refund and notify the customer. If rejected, send an explanation and close the request."

FAQ

Can I edit the generated flowchart?

Yes. Click any node on the canvas to rename it or change its shape. You can also edit the Mermaid code directly in the output field and re-render. The Manual Builder tab lets you add or remove nodes entirely.

Do I need a Gemini API key?

Yes, for AI generation. You can get a free key from Google AI Studio at aistudio.google.com. The free tier supports hundreds of generations per day. The Manual Builder works without any key.

Is this only for Mermaid users?

No. Mermaid is the rendering engine under the hood, but you never need to write Mermaid syntax. The app generates it for you and renders a visual diagram. You can export as SVG or PNG if you don't need the code.

Is my API key sent to your servers?

No. Your key is stored only in your browser's localStorage and sent directly to Google's Gemini API. AI Flowchart Studio's servers never see it.