---
schema_version: "1"
id: cd3ee5c7ed5e7bcdd52835153df0139f446d17724dc579a82eb879bba6b3d4a2
title: Add Elements in Auto-Layout
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/flow_build_elements_autolayout_add.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.flow_build_elements_autolayout_add.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 116fe7f4a1bdea8ad13d1354a842cd1034bed163a09883882c6e4858057740b3
description: Add elements to a flow in auto-layout mode to build your automation.
products:
  - Flow Builder
  - Salesforce Platform
release: "264"
---
# Add Elements in Auto-Layout

Add elements to a flow in auto-layout mode to build your automation.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;"><a href="https://help.salesforce.com/s/articleView?id=platform.flow_ref_supported_editions.htm&amp;release=264.0.0&amp;type=5" title="Learn about the editions and user interfaces that support Flow Builder. Some Flow Builder features integrate with other Salesforce products that require additional licenses.">View supported editions.</a></td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:left;vertical-align:top;" id="d211483e62">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d211483e62 ">To add and manage flow elements : </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d211483e62 ">Manage Flow </td>

          </tr>
        </tbody>
      </table>

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/images/icon_note.png)

Note You don't need to be an admin to have the Manage Flow permission. Ask your admin to add it to your profile or permission set.

Adding an element in auto-layout automatically connects the element to the elements before and after it on the path. Screen elements that you add open in a separate window, while non-screen elements open their properties panel directly on the canvas.

1. Add and configure a screen element.
    1. In the place that you want to put the element, click ![Add element](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/resources-global/_corporate/images/flow_plus_icon.png), and then select [Screen](https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements_screen.htm&release=264.0.0&type=5 "Collect information from or display information to a user who runs the flow.").
        
        The New Screen window opens.
    2. Edit the generated label and description if needed. Flow Builder generates them based on the element's configuration, and the API name populates based on the label.
    3. Add components or fields to the screen and configure each in the properties panel.
    4. Click **Done** to close the New Screen window.
        
        The new screen element automatically connects to the elements before and after it on the path.
    5. To undo the addition of the screen element, click **Cancel**.
    6. Document the screen element's purpose in the Description field.
    7. Save your flow.
2. Add and configure a non-screen element.
    1. In the place that you want to put the element, click ![Add element](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/resources-global/_corporate/images/flow_plus_icon.png), and then select an [element](https://help.salesforce.com/s/articleView?id=platform.flow_ref_elements.htm&release=264.0.0&type=5 "An element represents an action that the flow can run. Examples include reading or writing Salesforce data, displaying information and collecting data from flow users, runnning business logic, or manipulating data.").
        
        The new element automatically connects to the elements before and after it on the path, and its properties panel opens.
    2. Configure the element in the properties panel.
    3. To hide a properties panel on the canvas, click ![Close element panel](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-platform_automation-264-0-0-production-enus/60568438-ec7e-4665-acd1-7c80dcbe60d5/platform_automation/images/flow/flow_builder_close_element_panel.png).
    4. Document the element's purpose in the Description field.
    5. Save your flow.