Flowchart Process Tool
Draw a flowchart with the classic shapes, save it as a file, export it as an image or Mermaid code for your documentation, or generate a prompt you can paste into your own AI chat.
This tool needs a larger screen. Drawing a flowchart works on a tablet or a computer. On a phone the canvas is too small to use.
Your flowchart is saved in this browser as you work. Press Delete to remove the selected shape or arrow, and Ctrl+Z to undo.
Export
AI prompt
About this tool
The editor is built on React Flow, an open source library for node-based editors. It has the classic flowchart shapes: Start / End, Step, Decision, Input / Output, Document, Database and Sub-process.
The prompt describes your flowchart in plain English: the steps in the order they run, each decision and its paths, and the details you add to a shape. It also lists gaps, such as a decision whose arrows have no Yes or No label. Paste it into the AI chat you already use. The tool does not call any AI itself.
Share link copies a link with the whole flowchart packed into it, after the #. Browsers never send that part to a server, so the flowchart is not stored anywhere but in the link.
Exports: Save file gives a .json file you can open here again. SVG and PNG are images for documents and wikis. PDF opens the print dialog, where you can choose Save as PDF. Mermaid code can be pasted into GitHub, GitLab, Confluence, Notion and other tools that draw Mermaid diagrams.