Skip to content

Workflow builder screen examples

Workflow builder screen design examples from SaaS apps. Explore how SaaS apps let people arrange a sequence of work. Look at how steps, connections, and configuration panels show the structure of a workflow as it…

Explore the examples

Magnific - Creations | Magnific AI screen
Magnific logo
Magnific

Design editor canvas where the user builds an AI prompt chain with sequential assistant nodes, configuring models and export formats for each step.

Extend - Workflow | extend screen
Extend logo
Extend

List view showing an empty state for workflow run history with a search bar, filter option, and a credit usage widget in the sidebar.

Voiceflow - Platform Overview  Voiceflow screen
Voiceflow logo
Voiceflow

Product page detailing the capabilities of an AI agent platform, highlighting workflow building, enterprise security, and developer tools.

Town - New chat screen
Town logo
Town

AI assistant interface where the user is drafting a natural language prompt to create a team routine workflow with specific variables.

Flora - FLORA - Untitled screen
Flora logo
Flora

Design editor canvas where the user can start generating content via an AI prompt or by double-clicking to create nodes.

Assembly AI App Builder - Assembly Dashboard – Nicelydone Club screen
Assembly AI App Builder logo
Assembly AI App Builder

Workflow editor where the user configures a 'Send a message' action triggered by a 'Task completed' event, using a right-side configuration panel.

Elevenlabs - ElevenAgents | ElevenLabs screen
Elevenlabs logo
Elevenlabs

Design editor where the user configures the conversation flow of an AI language tutor agent using a node-based canvas and an inspector panel.

Aboard - Approval flows | Settings | Aboard screen
Aboard logo
Aboard

Settings page where the user configures multi-step approval workflows for salary changes, position changes, time reports, and expenses by assigning specific people or roles.

Navattic - Builder - Untitled Flow screen
Navattic logo
Navattic

Design editor where the user builds an interactive product demo by arranging screen captures into a sequential flow.

Mailchimp - Automation flows | Mailchimp screen
Mailchimp logo
Mailchimp

Workflow editor showing an error modal because the sender email addresses must be verified before sending a test email.

Missive - (10) Hi, This is Nicelydone - Sent screen
Missive logo
Missive

Settings modal where the user configures automation rules for their organization, currently showing an empty state and an open combobox to select a trigger like incoming emails or user actions, alongside a trial expiration warning.

Chatwoot screen
Chatwoot logo
Chatwoot

Settings page where the user manages automation rules, currently showing an empty state for a search query with an option to create a new automation.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams