Skip to content

Designer

In Azure Logic Apps Automation, the designer provides a visual drag-and-drop canvas where developers can shape workflows. Every workflow component, such as the trigger, each action, agent, and MCP server, has a parameters pane for inputs and settings, code view, and outputs view so you can easily move between the visual representation and the underlying JSON.

Screenshot that shows the designer with an example workflow.

The following table describes only some of the components that you can use on the designer to build your workflow:

ComponentDescription
TriggerStarts the workflow from an HTTP call, a schedule recurrence, a queue message, an event, or another workflow.
ActionRun one or more steps that perform tasks on other services, systems, apps, and data, execute inline JavaScript, or call other workflows.
Control flowStructure your workflow with if-else, switch, for-each, do-until, and parallel branch constructs.
Nested logicGroup actions into scopes. Nest control flow constructs as deeply as you need.
Variables and expressionsCapture intermediate values and reference them by using expressions.

The designer visually renders control flow constructs. For example, a workflow with a condition and parallel branches looks like the the following sample:

Screenshot that shows the designer and example workflow with condtional and parallel branches.

To view a component’s parameters, code, or other information, on the designer, select that component.

To view the entire workflow’s underlying JSON alongside the designer, on the bottom toolbar, select Code. Changes that you make in one view instantly appear in the other.

Screenshot that shows the designer alongside with the entire workflow's underlying JSON code view.

All the edits you make to a workflow stay in a draft version until you publish. Drafts let you iterate without affecting the workflow running in production. When you publish, the runtime picks up the new workflow definition, the draft becomes the live version, and the next trigger fires the latest version.

To run a draft workflow with a test payload before you publish, see Test for missing setup details.