Organize flows with color, annotations, and groups

As you build more flows and their designs become more complex, the ability to organize your flows becomes more important. Flows have several features that enable organization on the canvas, and folders to assist with organizing flows in the sidebar.

Colors

You can configure every block to be highlighted with a color. This makes individual blocks more distinguishable from other blocks around them. You can add a color by selecting a block, then selecting the paint icon in the top-left corner that appears on the block. This also changes the color of connection lines extended from the block's output ports.

Annotations

When collaborating with other people or putting a flow in a public workspace, it's helpful to add directions directly on the canvas. This helps explain how to use the flow and what certain blocks are doing. Select the Add Text button in the toolbar to add an annotation. Selecting text in an annotation opens the text formatting menu which has bold, italics, and heading options. If you copy a link, then highlight some text and paste the link, the highlighted text becomes a hyperlink.

Groups

You can group blocks and annotations together. The group can then be named, given a color, resized, and have blocks added or removed from it. This can be useful when several blocks may be involved in performing a task such as sending an email.

To access the grouping menu, hold the Shift key and drag the cursor around a set of blocks. You can also select and hold ⌘ or Ctrl while selecting the blocks you want to add. Selecting the file icon will create a group.

Folders

You can organize flows into folders in the sidebar instead of keeping them all in a single list. Using folders helps streamline navigation and maintain a cleaner workspace. The following procedures guide you through setting up and managing folders to keep your flows well-organized.

Create a folder

1. In the Flows sidebar, select Create a new folder or flow > Create folder.

2. An empty folder named New Folder appears in the sidebar.

Add a flow to a folder

1. In the Flows sidebar, drag and drop a flow into the folder.

2. (Optional) Hover over the folder and select View more actions > Create flow to create a new flow and add it to the folder.

Rename a folder

1. In the Flows sidebar, hover over a folder and select View more actions > Rename.

2. Enter a new name.

Add a folder to an existing folder

In the Flows sidebar, hover over a folder and select View more actions > Create folder. You can also drag and drop a folder into another folder.

Delete a folder

In the Flows sidebar, hover over a folder and select View more actions > Delete. You'll be prompted to confirm the deletion. The deleted folder's contents will move up one level to the containing folder or the sidebar.