AI Workflow Design: UX/UI for Next-Gen SaaS Automation ToolAI Workflow Design: UX/UI for Next-Gen SaaS Automation Tool
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
AI Agent Builder & Workflow Automation Platform
Overview UX/UI design for a next-generation SaaS platform focused on visual AI workflow automation and AI agent orchestration. The platform empowers users to build, monitor, and deploy autonomous AI agents using an intuitive, node-based visual interface.
The Challenge Designing node-based node editors (flowcharts) is always a complex UX challenge. The goal was to take heavy technical architecture—connecting LLM models (like OpenAI), databases, memory tokens, and conditional logic—and turn it into a clean, seamless, and visually stunning experience that reduces cognitive load for the user.
Design System & Aesthetics
Premium Dark Mode: Crafted with a deep cyber-space color palette to ensure high contrast for colorful nodes and data streams.
Modern Glow & Glassmorphism: Applied soft neon purple glowing paths, semi-transparent node card borders, and explicit micro-interactions to breathe life into the workspace.
Bento Grid Layouts & Visual Hierarchy: Designed side panels (History, Action lists, and Execution logs) using clean modular blocks for perfect data density.
My Role & Scope
End-to-end Product Design (UX/UI)
Information Architecture & User Flows for Node Connections
Interactive Component Design (Active/Inactive states, execution logs, and dropdowns)
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started