n8n Empty State UI Design Pattern

n8n logo
n8n Empty State

Artificial Intelligence

This is the empty state 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. Empty state designs from real SaaS apps. Zero-data screens, first-use prompts, and placeholder illustrations. We have 3 empty state screenshots from n8n showing different states and variations of this pattern.

n8n empty workflows state with Run live demo, Build an agent and Build a workflow options

Workflows — Let's build your first automation

n8n Overview with execution stats and an empty Credentials tab prompting to create a credential

Credentials — Create your first credential

n8n Variables tab empty state for reusable values across workflows

Variables — Create your first variable