AI-Powered UX Design

Generate User Flows & Journey Maps from Natural Language

Describe your user flow in plain English, and our AI instantly generates an interactive diagram with smart auto-layout. Export to PNG, SVG, JSON, or Mermaid.

Features

Everything you need for user flow design

From natural language descriptions to production-ready flow diagrams in seconds.

Natural Language to Flow

Describe your user journey in plain English. Our AI understands context, decisions, and page transitions to generate complete flow diagrams.

Interactive Canvas

Full drag-and-drop canvas powered by ReactFlow. Move nodes, create connections, zoom, pan, and edit everything visually.

Auto-Layout

Dagre-powered automatic layout arranges your nodes in clean, readable hierarchies. Re-layout anytime with one click.

Multi-Format Export

Export your flows as PNG images, SVG vectors, structured JSON, or Mermaid code for documentation and wikis.

Collaboration

Organize flows into projects. Share and collaborate with your team on user experience design and documentation.

Journey Mapping

Beyond simple flows - map complete user journeys with 5 node types: Start, End, Action, Decision, and Page nodes.

Simple, transparent pricing

Start free, upgrade when you need more.

Free

Get started with basic flow generation

Free
  • 3 flows per month
  • 2 projects
  • 5 node types
  • PNG export
  • AI flow generation
  • SVG & JSON export
  • Mermaid export
  • Priority support

Starter

For designers and small teams

$19/month
  • 30 flows per month
  • 10 projects
  • 5 node types
  • All export formats
  • AI flow generation
  • Mermaid code export
  • Auto-layout
  • Priority support
Most Popular

Pro

For growing teams and agencies

$49/month
  • Unlimited flows
  • Unlimited projects
  • 5 node types
  • All export formats
  • AI flow generation
  • Mermaid code export
  • Auto-layout
  • Priority support

Agency

For agencies managing multiple clients

$99/month
  • Unlimited flows
  • Unlimited projects
  • 5 node types
  • All export formats
  • AI flow generation
  • Mermaid code export
  • White-label export
  • Dedicated support

Frequently Asked Questions

How does AI flow generation work?
Simply describe your user flow in natural language - for example, 'User signs up, verifies email, completes onboarding, reaches dashboard.' Our AI analyzes the description and generates a complete flow diagram with appropriate node types, connections, and layout.
What node types are available?
We support 5 node types: Start (green circle) for entry points, End (red circle) for terminal states, Action (blue rectangle) for user actions, Decision (yellow diamond) for branching logic, and Page (purple rectangle) for screen/page references.
Can I edit the generated flows?
Absolutely! The interactive canvas lets you drag nodes, create new connections, edit labels, change node types, add notes, and manually add new nodes. You can also re-run AI generation to refine the flow.
What export formats are supported?
You can export flows as PNG (raster image), SVG (vector), JSON (structured data for programmatic use), and Mermaid (text-based diagram syntax for documentation tools like GitHub, Notion, and Confluence).
Can I organize flows into projects?
Yes! Create projects to group related flows together. For example, you might have a 'Mobile App' project with flows for onboarding, checkout, and settings.
What are the usage limits?
Free plan includes 3 flows per month. Starter ($19/mo) gives you 30 flows. Pro ($49/mo) and Agency ($99/mo) offer unlimited flows and projects.