# Create a cloud architecture diagram

> Generate an AWS, Azure, Google Cloud or Kubernetes architecture diagram with AI on your MockFlow board, using real provider icons.

Source: https://mockflow.com/docs/create-a-cloud-architecture-diagram

A cloud architecture diagram shows the services a system runs on and how traffic and data move between them. In MockFlow you create one in a **Diagram** frame: pick a cloud type, describe the system, and AI draws it with that provider's icons, grouped into clouds, networks and tiers.

![Choosing Generate AWS architecture, describing a photo sharing web app and the AWS diagram appearing](https://assets.mockflow.com/docs/media/4bbafacbf0b3455181eee340c09b374c.webp)

## Generate an architecture diagram 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. Click **Type** and pick a cloud, for example **Generate AWS architecture for**.
4. Finish the sentence with your system, such as "a photo sharing web app", and click the send button.

The **Type** list sets which icons AI draws with. Some examples:

| To draw | Pick |
| --- | --- |
| Amazon Web Services | Generate AWS architecture for |
| Microsoft Azure | Generate Azure architecture for |
| Google Cloud | Generate Google Cloud architecture for |
| Containers and clusters | Generate Kubernetes architecture for |
| Networks | Generate Cisco network architecture for |

> **Tip** Name the services you already use, for example "with Lambda, DynamoDB and API Gateway". AI builds the diagram around them.

## Add provider icons by hand

![The shape Library open with the AWS icons pack, with Library and the shape pack picker numbered](https://assets.mockflow.com/docs/media/6fc292b073fc44aba85d44bc3ec4499a.webp)

1. Select the Diagram frame and click **Library** (1).
2. Click the shape pack (2) and choose a cloud pack, such as **AWS icons 6**, **Azure cloud** or **Google Cloud**.
3. Search for a service by name, then drag its icon into the frame.

Connect icons the same way as in a flowchart: select an icon and drag one of its blue arrows to another icon. To add or change services with a prompt, select the frame, click the AI button and choose **Modify with AI**.

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

## Next steps

- [Create a flowchart](/docs/create-a-flowchart)