> 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](/files/ZKCawnGYbLth4p3wxSwI)

Click **Open Editor**.

![User Flow (Wireflow) for Confluence](/files/jaTBdSPUUcI4kyCL3mZL)

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](/files/tURAnkYlYemYHesIvULh)

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](/files/NUpM7T5phDVP0QT4TAZp)

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](/files/uANrjUEA21k1JMMVHbRH)

Click **Insert**.

![User Flow (Wireflow) for Confluence](/files/qRmnmrsIWuvioVuvec6X)