> For the complete documentation index, see [llms.txt](https://fulstech.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fulstech.gitbook.io/docs/whiteboarding-and-diagramming/user-flow-wireflow-for-confluence/confluence-cloud/usage.md).

# Usage

Select the **Insert Wireflow** macro from the macro list.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2F7HmB2thTXNBp8unzpLHD%2Fimage.png?alt=media\&token=82f5ca42-7425-4a59-941d-65a40240d9f0)

Click **Open Editor**.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2F0aKwzb8bINlshbvizEUs%2Fimage.png?alt=media\&token=ce4ba6d5-e53d-4bd8-a2d3-8215c85e702e)

Search and drag the screens into the canvas. To rename a screen, select it and input the new name in the **Node** panel.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2FWiKan02GUL0f9t6H8vIA%2Fimage.png?alt=media\&token=b10cc24c-ddea-4563-bb56-810c0166be1f)

To create a connection between screens, drag and drop the head anchor on the tail anchor. You can also click on the line to change its style.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2Fq27jczqwgnkvHZXOwKhG%2Fimage.png?alt=media\&token=ecca54e0-123d-45ad-b468-d12db15fcc28)

Click the **Check** button on the top left corner, and wait until the drawing shows up in the dialog. If you don't want to save the changes, click the **X** button on the top right corner.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2FPb6VhQ5D4k54FUxFrvwe%2Fimage.png?alt=media\&token=2ac2a631-ae21-47ef-9f9b-2ce93350b48e)

Click **Insert**.

![User Flow (Wireflow) for Confluence](https://3588362646-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ma7ua4NoSptEMaVrDMS%2Fuploads%2Fm4m9tUcdlvJ41wNK6DwC%2Fimage.png?alt=media\&token=a51a0b12-1d0b-4790-a4a8-08a3b08bc4a6)