n8n Onboarding UI Design Pattern

n8n logo
n8n Onboarding

Artificial Intelligence

This is the onboarding design from n8n, a artificial intelligence application. n8n n8n is a workflow automation platform for building AI agents and multi-step automations with a visual node editor, 1,000+ integrations and custom code. Its UI covers an AI assistant that drafts workflows from a prompt, a canvas editor with trigger and node pickers, an AI Agent node with chat model, memory and tools, credentials, executions and variables, a workflow template library, Cloud onboarding and instance settings, and Starter, Pro, Business and Enterprise plans priced by workflow executions, with a self-hosted option. Onboarding flow designs from top SaaS apps. Welcome screens, setup wizards, and first-run experiences. We have 3 onboarding screenshots from n8n showing different states and variations of this pattern.

n8n Cloud onboarding survey asking which AI tools you use most with multiple-choice options

Onboarding — Which AI tools do you use most?

n8n Cloud onboarding step to invite teammates by email with Skip and Invite buttons

Onboarding — Invite team members

n8n Cloud instance ready screen with AI assistant prompt and a sample Gmail to Google Sheets invoice workflow

Instance ready — Start automating