1. Describe your flow
Enter a prompt with systems, steps, and decisions. Keep it simple or include conditions for routing and escalation.
Type a description in plain English and watch your animated flowchart appear in seconds.
Create Mermaid flowcharts, sequence diagrams, state diagrams, and architecture maps from plain-English prompts. fanfa.dev turns ideas into clean diagrams you can share, edit, and reuse in product docs, engineering specs, and incident workflows.
Enter a prompt with systems, steps, and decisions. Keep it simple or include conditions for routing and escalation.
The generator produces Mermaid syntax you can inspect instantly and refine in the editor.
Publish your diagram, collaborate with your team, and keep documentation aligned with how your systems actually work.
Engineering teams model APIs and services, product teams map user flows, operations teams define alerting runbooks, and documentation teams create onboarding diagrams faster. If you need inspiration, browse Mermaid diagram templates or compare plans on pricing.
Yes. You can generate flowcharts, sequence diagrams, class diagrams, state diagrams, and other Mermaid-compatible formats.
Yes. The output is Mermaid code, so you can version it in docs, wikis, and code repositories.
Yes. Use “Edit in Editor” to customize nodes, flows, styles, and animation before publishing.