# Create a flowchart

> Generate a flowchart with AI in a Diagram frame on your MockFlow board, then edit its shapes, connectors and steps.

Source: https://mockflow.com/docs/create-a-flowchart

A flowchart shows the steps of a process and the decisions between them. In MockFlow you draw one in a **Diagram** frame on the board: describe the process, and AI lays out the start, steps, decisions and connectors for you.

![Adding a Diagram frame, describing a support ticket flow and the flowchart appearing](https://assets.mockflow.com/docs/media/0242fc8d79a34760902c2437285aa8fd.webp)

## Generate a flowchart with AI

1. Click **Frames** in the toolbar at the bottom of the board and choose **Diagram**.
2. Click the AI button on the left of the frame's toolbar and choose **Generate diagram**.
3. Describe the process, for example "Support ticket flow with a priority check".
4. Click the send button. The flowchart appears in the frame, and the frame takes its name.

> **Tip** Name the decisions you want in the prompt, such as "check payment" or "approved or rejected". AI turns each one into a decision shape with labeled branches.

## Edit shapes and connectors

Everything in the flowchart stays editable.

| To | Do this |
| --- | --- |
| Change a step's text | Double-click the shape and type. |
| Restyle a shape | Select it and use its toolbar for fill, border and font. |
| Connect two shapes | Select a shape and drag one of its blue arrows to another shape. |
| Add a shape | Select the frame, click **Library** and drag a shape into the frame. |
| Move a step | Drag the shape. Its connectors follow. |

## Change the flow with AI

To add, remove or rearrange steps, describe the change instead of redrawing it.

![Modify with AI adding a satisfaction survey step after Resolve Ticket](https://assets.mockflow.com/docs/media/ada0b3f4aafd45c08d0735efe9669b1a.webp)

1. Select the Diagram frame by its name label.
2. Click the AI button and choose **Modify with AI**.
3. Describe the change, for example "Add a satisfaction survey step after Resolve Ticket", and click the send button.

## Export the flowchart

Select the frame and click **Export Diagram** in its toolbar to save the flowchart as an image.

> **Plan** Diagram frames are available on every plan, including Basic. Generating and modifying with AI uses AI credits. See [MockFlow pricing](https://mockflow.com/pricing/).

## Next steps

- [Create a cloud architecture diagram](/docs/create-a-cloud-architecture-diagram)
- [Select, move, resize and rotate items](/docs/select-move-resize-and-rotate-items)