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 color highlighting for blocks. This makes individual blocks more distinguishable from other blocks around them. To add color to a block, select it, then click Change Color. 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. Click Add Text in the toolbar to add an annotation. Selecting text in an annotation displays the text formatting menu. If you copy a link, then highlight text and paste the link, the highlighted text becomes a hyperlink.

Groups

You can group blocks and annotations together. You can then name the group, assign a color, resize it, and add or remove blocks. 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 creates a group.

Auto-organize

As a flow grows, its canvas can become cluttered. To arrange all the blocks on the canvas evenly, click Auto-organize flow in the toolbar.