# Diagramming in MockFlow

> Which diagram to use for which job: flowcharts, cloud architecture, sitemaps, org charts, mind maps, knowledge graphs, swimlanes and journey maps.

Source: https://mockflow.com/docs/diagramming-in-mockflow

MockFlow is an online diagram maker built into the visual canvas. Every diagram sits on the board beside the notes, screens and plans it belongs to, and each one can be generated with AI from a short description, then edited by hand.

![A flowchart, an AWS architecture, a sitemap, a mind map, a swimlane and a customer journey map, all generated with AI in MockFlow](https://assets.mockflow.com/docs/media/2bef1be508694622ae4227f6d894c08e.webp)

## Pick the right diagram

| To show | Use | Guide |
| --- | --- | --- |
| The steps and decisions of a process | **Diagram** frame | [Create a flowchart](/docs/create-a-flowchart) |
| The services a system runs on | **Diagram** frame with cloud icons | [Create a cloud architecture diagram](/docs/create-a-cloud-architecture-diagram) |
| Website pages, a team, a hierarchy or a project breakdown | **SiteMap/Org/Tree** frame | [Create a sitemap, org chart, tree or WBS](/docs/create-a-sitemap-or-org-chart) |
| Ideas branching from one topic | **MindMap** | [Create a mind map](/docs/create-a-mind-map) |
| Concepts and how they relate | **Knowledge Graph** | [Create a knowledge graph](/docs/create-a-knowledge-graph) |
| Who does each step of a process | **Swimlane** | [Create a swimlane diagram](/docs/create-a-swimlane-diagram) |
| A customer's experience, stage by stage | **CustomerJourneyMap** | [Create a customer journey map](/docs/create-a-customer-journey-map) |

## Where to find them

- **Frames** in the toolbar at the bottom of the board holds the **Diagram** and **SiteMap/Org/Tree** frames.
- **Add anything** (the plus button) holds every component, including MindMap, Knowledge Graph, Swimlane and CustomerJourneyMap. Type a name in its search box to find one fast.

> **Tip** Each diagram has an AI button on the left of its toolbar. Describe what you need, and AI draws it. Most diagrams also offer **Modify with AI**, to change them with a prompt instead of redrawing.

> **Plan** Diagrams, including cloud diagrams with AWS, Azure and other providers, are available on every plan. Generating with AI uses AI credits. See [MockFlow pricing](https://mockflow.com/pricing/).