User interface for automated flows within a cloud based developmental platform

A method comprising:

• presenting on a display an action instance associated with a flow plan within an action designer user interface, wherein the action designer user interface comprises:
• an action outline component that includes an input graphical element, one or more step instance graphical element, and an action graphical element, wherein one of the graphical elements is highlighted within the action outline component;
• and
• an action window adjacent to the action outline component, wherein the action window comprises one or more input fields that dynamically change based on a user selection of one of the graphical elements within the action outline component;
• and
• presenting window to select from a list of pre-existing step instance types for a step instance.

A system comprising:

• a non-transitory memory;
• and
• one or more hardware processors configured to read instructions from the non-transitory memory to the one or more hardware processors to:
• present on a display an approval step instance graphical element within an action designer user interface, wherein the approval step instance graphical element is located within an action outline component within the action designer user interface and is associated with an action instance of a flow plan;
• receive a user input that selects the approval step instance graphical element;
• and
• update an action window adjacent to the action outline component, wherein the action window comprises an approval rule builder graphical element configured to set one or more rules for creating an approval condition, and wherein the approval rule builder graphical element includes one or more fields that define when a flow plan satisfies the approval condition.