Place Flow Elements Automatically with Auto-Layout (Beta)

Building flows and aligning elements is easier now with auto-layout. Elements on the canvas are spaced and connected automatically. And no more elements positioned slightly out of alignment!

Where: This change applies to Lightning Experience and Salesforce Classic in Essentials, Professional, Enterprise, Performance, Unlimited, and Developer editions.

As a beta feature, auto-layout is a preview and isn’t part of the “Services” under your master subscription agreement with Salesforce. Use this feature at your sole discretion, and make your purchase decisions only on the basis of generally available products and features. Salesforce doesn’t guarantee general availability of this feature within any particular time frame or at all, and we can discontinue it at any time. This feature is for evaluation purposes only, not for production use. It’s offered as is and isn’t supported, and Salesforce has no liability for any harm or damage arising out of or in connection with it. All restrictions, Salesforce reservation of rights, obligations concerning the Services, and terms for related Non-Salesforce Applications and Content apply equally to your use of this feature. You can provide feedback and suggestions for auto-layout in the Trailblazer Community.

How: When you create a flow, choose auto-layout.

Starting modal asking if you want to build in free-form or auto-layout mode

To switch between auto-layout and free-form for any flow, click Auto-Layout (Beta).

The Flow Builder with the Auto-Layout (Beta) toggle highlighted

Behold the new auto-layout!

Sample image of the Flow Builder in auto-layout mode

To insert an element, click Add Element node where you want it to run. Flow Builder then shows the options and possible elements for this location.

The Add Element menu

To edit an element, double-click it. To copy or delete an element or to add a fault path, click once.

An element menu, with the options Copy Element, Delete Element, and Add Fault Path

After copying an element, click Add Element node where you want to paste it. Then click Paste Copied Elements.

The Add Element menu, with Paste Copied Elements highlighted

You can also copy and paste a set of elements to another location.

The Flow Builder in Select Elements mode. Callouts to 1, the Select Elements button in the button bar. 2, the Select Element node on an element. 3, the Copy button in the button bar.

Click Select Elements (1), then click Select Element node on each desired element (2). To copy the elements, click Copy Elements (3). To paste, click Add Element node the desired location and then select Paste Copied Elements.