AI Diagram Generator

Generate diagrams from text descriptions using AI. Perfect for quickly creating architecture diagrams and system designs.

How to Generate

1. Click New Tab → AI Diagram (or the AI icon in the tab bar)
2. Describe your diagram in natural language
3. Select diagram type (Custom or Mermaid)
4. Click Generate or press Cmd/Ctrl + Enter
5. AI generates the structure
6. Edit and refine as needed

Example Prompts

System Architecture

Create a web application architecture with a load balancer, 
two web servers, an API gateway, and a PostgreSQL database

Process Flow

Design a user authentication flow showing login, 
verification, and session creation steps

Network Diagram

Show a network topology with firewall, router, switch, 
and multiple client devices

Diagram Types

Custom Format

Generates node-and-edge diagrams perfect for:

• System architecture
• Network topology
• Entity relationships
• Component interactions

Mermaid Flowcharts

Generates Mermaid syntax for:

• Process flows
• Decision trees
• Sequential workflows
• State machines

Features

• Iterative Refinement: Generate, edit, regenerate
• AI Credits: Available with Pro plans
• Context Aware: Understands technical terminology
• Multiple Styles: Architecture, flowchart, network, etc.

Tips

• Be specific about component names and relationships
• Mention connections explicitly (e.g., "connects to", "sends data to")
• Specify layout direction if needed (horizontal/vertical)
• Include details like protocols, data types, or actions

Limitations

• Requires active subscription with AI credits
• Best for diagrams with 20-30 nodes
• May require refinement for complex systems
• English language descriptions work best