ai-figure.

Gallery

80 examples across 10 diagram types. Click Copy link to get a shareable URL.

FlowchartTreeArchitectureSequenceQuadrantGanttState MachineER DiagramTimelineSwimlane
CI/CD Pipeline Pipeline yes no yes no Push Code Lint OK? Run Tests Fix Lint Build Image Deploy to Staging Approved? Deploy to Prod Rollback
Flowchart: CI/CD Pipeline
User Authentication yes no yes no yes no Start Enter Credentials Valid? MFA Enabled? Show Error Enter OTP Dashboard OTP Correct? Lock Account
Flowchart: User Authentication
Order Processing yes no yes no Place Order In Stock? Process Payment Notify Customer Payment OK? Send to Warehouse Refund Ship Package Delivered
Flowchart: Order Processing
Incident Response P1 P2 P3 yes no Alert Fired Severity? Page On-Call Create Ticket Add to Backlog Ack within 15m? Mitigate Escalate Write Postmortem
Flowchart: Incident Response
Content Review Flow flag pass approve revise reject Submit Article Auto-moderation Human Review Publish Decision Request Revision Reject
Flowchart: Content Review
Refund Request Flow yes no defect changed yes no Customer Requests Refund Eligible? Reason? Deny Refund Item Defective Changed Mind Replace? Ship Replacement Issue Credit Restock Item Notify Customer
Flowchart: Refund Process
Sales Lead Qualification Pipeline hot warm cold agreed no deal improved New Lead Lead Score? Assign AE Nurture Campaign Newsletter Schedule Demo Send Proposal Negotiation Closed Won Closed Lost Re-qualify?
Flowchart: Sales Pipeline
Bug Triage Workflow yes no critical high low Bug Reported Reproducible? Severity? Close: Cannot Repro P0 Hotfix P1 Sprint P2 Backlog Hotfix Branch Fix & Deploy Add to Sprint Add to Backlog Verified
Flowchart: Bug Triage
Engineering Org Chart CTO Frontend Lead Backend Lead Infra Lead Senior FE Mid FE Senior BE Mid BE SRE DevOps
Tree: Engineering Org
E-Commerce Taxonomy Products Electronics Clothing Home & Garden Phones Laptops Men Women Furniture Garden
Tree: Product Taxonomy
Full-Stack Tech Tree Tech Stack Frontend Backend Infrastructure React Next.js Node.js PostgreSQL AWS Docker Kubernetes
Tree: Tech Stack
RBAC Permission Tree Admin User Mgmt Content Mgmt Settings Create User Delete User Publish Edit Billing Security
Tree: Permission Tree
REST API Routes api[/api] api v1[/v1] v2[/v2] v1 users1[/users] posts1[/posts] v2 users2[/users] search[/search] users1 uid[/:id] posts1 pid[/:id] search ?q=
Tree: API Routes
Marketing Channel Hierarchy Marketing Paid Organic Partners Search Ads Social Ads Display SEO Content Blog Referral Affiliate Events
Tree: Marketing Channels
Knowledge Base Structure Knowledge Base Product Engineering Sales Specs Roadmap Runbooks Architecture Decisions Onboarding Guide Sales Playbook Pricing Guide
Tree: Knowledge Base
Project Work Breakdown SaaS Launch Design Development Launch UX Research UI Mockups Frontend Backend QA & Testing Marketing Support Docs
Tree: Work Breakdown
Modern Web Stack Frontend CDN React SPA API Gateway API Gateway Auth Service Backend REST API Background Worker Data PostgreSQL Redis Cache Object Storage
Architecture: Web Stack
Microservices Architecture Client Web App Mobile App Gateway Load Balancer API Gateway Services User Service Order Service Notification Service Storage User DB Order DB Message Queue
Architecture: Microservices
Data Pipeline Ingestion Kafka Kinesis Processing Spark Flink Storage Data Lake Data Warehouse Serving Query API BI Dashboard
Architecture: Data Pipeline
CI/CD Infrastructure Source GitHub Container Registry Build GitHub Actions SonarQube Environments Staging Cluster Production Cluster Observability Grafana Loki Tempo
Architecture: CI/CD Infra
ML Platform Data Feature Store Event Stream Training Jupyter Training Jobs Registry MLflow Model Store Serving Inference API Drift Monitor
Architecture: ML Platform
Event-Driven Architecture Producers Web App Mobile App IoT Devices Broker Kafka Topics Schema Registry Consumers Order Service Notification Service Analytics Engine Storage Event Store Report DB
Architecture: Event-Driven
Mobile App Backend Mobile iOS App Android App Edge CDN API Gateway Services Auth Service Push Notifications Media Service Data PostgreSQL Redis S3 Storage
Architecture: Mobile Backend
SaaS Platform Layers Client React App React Native Platform API Gateway Auth & Billing Core Services Data PostgreSQL Elasticsearch SQS Queue Ops CI/CD Monitoring
Architecture: SaaS Platform
OAuth2 Login Flow Browser App AuthServer DB GET /login Redirect /authorize Login Page POST credentials Verify user User record Auth code GET /callback?code=xxx POST /token access_token Set session cookie
Sequence: OAuth2 Login
API Request Lifecycle Client Gateway Service Cache DB POST /api/orders Forward + JWT GET cart:user123 Cache miss SELECT cart Cart items INSERT order order_id=456 201 Created 201 Created
Sequence: API Request
Payment Processing User Frontend Backend Stripe DB Click Pay POST /checkout Create PaymentIntent client_secret client_secret Confirm payment Payment success webhook succeeded UPDATE order paid=true Order confirmed
Sequence: Payment Flow
WebSocket Chat Alice Server Bob WS connect Connected WS connect Connected send "Hello Bob" deliver "Hello Bob" send "Hi Alice!" deliver "Hi Alice!"
Sequence: WebSocket Chat
File Upload Flow Browser API Storage DB POST /upload Upload to S3 object_key INSERT file record file_id=789 file_id + url GET presigned URL File bytes
Sequence: File Upload
Email Verification Flow User App EmailService DB POST /register INSERT user pending Send verify email Email with token link GET /verify?token=abc SELECT token token valid UPDATE user verified=true 200 Verified
Sequence: Email Verification
Inventory Check at Checkout Cart OrderService InventoryService ReservationDB POST /checkout GET /stock?items=[...] Check quantities Stock available All items in stock Reserve items Reservation ID Proceed to payment
Sequence: Inventory Check
Nightly Report Job Scheduler ReportWorker DB EmailService trigger nightly_report SELECT metrics last 24h metric rows INSERT report snapshot report_id Send report PDF delivered job complete
Sequence: Scheduled Job
Feature Priority Matrix Low High Effort Low High Impact Quick Wins Strategic Low Priority Hard Sells Dark Mode Search Mobile App Notifications SSO Login Bulk Export API v2 Analytics
Quadrant: Feature Priority
Technical Debt Assessment Low High Complexity Low High Risk Fix Now Plan Carefully Monitor Evaluate Auth Module DB Queries CSS Legacy API Layer Logging Test Coverage Cache Layer Config Mgmt
Quadrant: Technical Debt
Competitive Landscape Low High Price Few Many Features Value Leaders Premium Basic Overpriced ProductA ProductB ProductC ProductD ProductE Ours
Quadrant: Competitive Map
Customer Segment Map Small Large Size Slow Fast Growth Hidden Gems Star Accounts Long Tail Mature Giants Series A SaaS Enterprise Corp Hypergrowth SMB Retail Mid-Market Fintech
Quadrant: Customer Segments
Project Risk Matrix Low High Likelihood Low High Impact Watch Mitigate Accept Transfer Scope Creep Key Person Tech Debt Budget Timeline Vendor Lock
Quadrant: Risk Matrix
Product Backlog Prioritization Low High Dev Effort Low High Business Value Do First Plan Reconsider Deprioritize Onboarding Wizard API Webhooks Custom Reports Dark Mode Keyboard Shortcuts Data Export CSV Audit Logs SSO Integration
Quadrant: Product Backlog
Vendor Evaluation Matrix Low High Total Cost Low High Capability Best Value Premium Tier Budget Options Avoid VendorA VendorB VendorC VendorD VendorE VendorF
Quadrant: Vendor Evaluation
Team Skills Assessment Low High Current Proficiency Low High Business Need Train Now Leverage Deprioritize Hire or Outsource Kubernetes React Data Engineering ML Ops GraphQL Security Hardening
Quadrant: Team Skills Gap
Q1 Product Roadmap Feb 2025 Mar 2025 Discovery User Research User Research Spec Writing Spec Writing Design Wireframes Wireframes Visual Design Visual Design Development Frontend Frontend Backend Backend Launch QA Testing QA Testing Beta Release Beta Release Public Launch
Gantt: Q1 Roadmap
Sprint 12 Plan 2/3 2/10 Frontend Login Redesign Login Redesign Dashboard v2 Dashboard v2 Mobile Nav Mobile Nav Backend Auth Refactor Auth Refactor Search API Search API QA E2E Tests E2E Tests Sprint Demo
Gantt: Sprint Plan
Website Redesign Project Feb 2025 Mar 2025 Apr 2025 Research Stakeholder Interviews Stakeholder Interviews Competitor Analysis Competitor Analysis Design Brand Refresh Brand Refresh Page Designs Page Designs Build CMS Setup CMS Setup Development Development Content Migration Content Migration Go Live
Gantt: Website Redesign
Engineering Hiring Plan Feb 2025 Mar 2025 Apr 2025 Role Definition Job Descriptions Job Descriptions Compensation Bands Sourcing Post Jobs Post Jobs Recruiter Outreach Recruiter Outreach Interviews Phone Screens Phone Screens Onsite Rounds Onsite Rounds Offers Offers Extended Offers Extended Negotiation Negotiation Start Dates
Gantt: Hiring Plan
Database Migration Plan 2/3 2/10 2/17 2/24 3/3 3/10 3/17 3/24 Preparation Audit Current DB Audit Current DB Design Schema Design Schema Development Migration Scripts Migration Scripts Backfill Jobs Backfill Jobs Testing Staging Migration Staging Migration Data Validation Data Validation Cutover Maintenance Window Go Live Migration Complete
Gantt: DB Migration
New Feature Launch Feb 2025 Mar 2025 Planning Scope Definition Scope Definition OKR Alignment Build Backend API Backend API Frontend UI Frontend UI Analytics Events Analytics Events Validation Internal Beta Internal Beta Fix Feedback Fix Feedback Launch Rollout 10% Full Release GA Launch
Gantt: Product Launch
Annual Security Audit Feb 2025 Mar 2025 Pre-Audit Asset Inventory Asset Inventory Policy Review Policy Review Assessment Vulnerability Scan Vulnerability Scan Pen Testing Pen Testing Remediation Critical Fixes Critical Fixes Medium Fixes Medium Fixes Reporting Draft Report Draft Report Board Review Audit Signed Off
Gantt: Security Audit
Product Marketing Campaign Feb 2025 Mar 2025 Strategy Audience Research Audience Research Messaging Workshop Messaging Workshop Creative Copywriting Copywriting Design Assets Design Assets Channels Email Sequences Email Sequences Social Posts Social Posts Paid Ads Paid Ads Measurement A/B Testing A/B Testing Performance Review Performance Review Campaign Wrap
Gantt: Marketing Campaign
Order Lifecycle payment received warehouse picked handed to carrier delivered timed out customer cancelled Pending Confirmed Processing Shipped Cancelled
State Machine: Order Lifecycle
User Account States sign up email verified violation appeal approved severe violation repeat offense account deleted Registered Active Suspended Banned
State Machine: User Account
Payment Status Machine create charge bank approved merchant settled bank declined capture error retry reconciled Initiated Authorized Captured Failed
State Machine: Payment Status
Pull Request Workflow create PR mark ready reviewer requests changes author pushes fix all reviewers approve merged abandoned Draft Open Review Changes Requested Approved Closed
State Machine: Pull Request
Subscription Lifecycle sign up card charged payment failed payment retried max retries exceeded user cancels no conversion resubscribe Trial Active Past Due Cancelled
State Machine: Subscription
Support Ticket Lifecycle ticket created agent picks up work started awaiting reply customer replies complex issue senior assigned resolved auto-closed Open Assigned In Progress Pending Customer Escalated
State Machine: Support Ticket
Document Approval Workflow create document submit for review changes needed resubmit all reviewers sign off rejected by committee published revise and restart Draft Under Review Revisions Required Approved Rejected
State Machine: Document Approval
Package Delivery Tracking carrier scans departed facility arrived at hub loaded on truck delivered no one home retry next day returned to sender Picked Up In Transit At Sorting Hub Out for Delivery Delivery Failed
State Machine: Package Delivery
Blog Platform Schema writes has writes tagged with ENTITY User # id uuid email text username text created_at timestamp ENTITY Post # id uuid → author_id uuid title text body text published_at timestamp ENTITY Comment # id uuid → post_id uuid → author_id uuid body text ENTITY Tag # id uuid name text
ER Diagram: Blog Platform
E-Commerce Schema places contains included in ENTITY Customer # id uuid email text name text ENTITY Order # id uuid → customer_id uuid status text total numeric ENTITY OrderItem # id uuid → order_id uuid → product_id uuid quantity integer ENTITY Product # id uuid sku text name text price numeric
ER Diagram: E-Commerce
SaaS Multi-Tenant has owns holds grants ENTITY Organization # id uuid name text plan text ENTITY User # id uuid → org_id uuid email text role text ENTITY Project # id uuid → org_id uuid name text ENTITY Membership → user_id uuid → project_id uuid role text
ER Diagram: SaaS Multi-Tenant
Social Network Schema authors follows likes receives ENTITY User # id uuid username text bio text ENTITY Post # id uuid → author_id uuid content text created_at timestamp ENTITY Follow → follower_id uuid → following_id uuid ENTITY Like → user_id uuid → post_id uuid created_at timestamp
ER Diagram: Social Network
HR System Schema employs manages receives ENTITY Department # id uuid name text budget numeric ENTITY Employee # id uuid → dept_id uuid → manager_id uuid name text title text salary numeric ENTITY Review # id uuid → employee_id uuid → reviewer_id uuid score integer period text
ER Diagram: HR System
Event Booking Schema has makes paid by ENTITY Event # id uuid name text venue text date timestamp capacity integer ENTITY Attendee # id uuid email text name text ENTITY Booking # id uuid → event_id uuid → attendee_id uuid seat text status text ENTITY Payment # id uuid → booking_id uuid amount numeric paid_at timestamp
ER Diagram: Event Booking
Inventory Management tracks stored in ordered via ENTITY Warehouse # id uuid name text location text ENTITY Product # id uuid sku text name text unit_cost numeric ENTITY StockLevel → warehouse_id uuid → product_id uuid quantity integer reorder_point integer ENTITY PurchaseOrder # id uuid → product_id uuid quantity integer received_at timestamp
ER Diagram: Inventory Mgmt
Learning Management System has joins has tracks ENTITY Course # id uuid title text → instructor_id uuid ENTITY Lesson # id uuid → course_id uuid title text position integer ENTITY Student # id uuid email text name text ENTITY Enrollment # id uuid → student_id uuid → course_id uuid enrolled_at timestamp progress integer ENTITY Completion → enrollment_id uuid → lesson_id uuid completed_at timestamp
ER Diagram: LMS Schema
Product Version History Jan 2023 Jan 2024 v0.1 Internal Alpha v0.5 Private Beta v1.0 Public Launch v1.5 Dark Mode & Themes v2.0 AI Integration v2.5 Mobile Support v3.0 Enterprise Tier
Timeline: Product History
Company Milestones Jan 2020 Jan 2021 Jan 2022 Jan 2023 Jan 2024 Founded in SF Pre-seed Round $500K First 100 Customers Seed Round $5M 10-Person Team Series A $20M 1000 Customers Profitability
Timeline: Company Milestones
JavaScript Evolution Jan 1995 Jan 1998 Jan 2001 Jan 2004 Jan 2007 Jan 2010 Jan 2013 Jan 2016 Jan 2019 Jan 2022 JavaScript 1.0 ES5 Modern Baseline ES6 Arrow Fns & Classes ES2017 async/await ES2019 Optional Chaining ES2020 Nullish Coalescing ES2022 Top-level await
Timeline: JS Evolution
Project Delivery Timeline Apr 2025 Kickoff Meeting Design Review Alpha Build Internal QA Beta Release Customer Pilot GA Launch Post-Launch Review
Timeline: Project Delivery
Compliance Roadmap Oct 2024 Jan 2025 Apr 2025 Gap Analysis Policy Drafting Staff Training Internal Audit Remediation Sprint External Audit Certification Granted
Timeline: Compliance Roadmap
Startup Funding History Jan 2018 Jan 2019 Jan 2020 Jan 2021 Jan 2022 Jan 2023 Founded & Bootstrapped First Paying Customer Pre-Seed $750K Seed Round $4M Series A $18M Series B $50M Profitability
Timeline: Startup Funding
Cloud Migration Journey Jan 2024 Apr 2024 Jul 2024 Oct 2024 Jan 2025 Migration Assessment Proof of Concept Non-Prod Migration Data Migration Phase 1 Production Cutover Decommission On-Prem Cloud-Native Complete
Timeline: Cloud Migration
Regulatory Impact Timeline Jan 2023 Jan 2024 Jan 2025 GDPR Fines Enforced CCPA Amendments Active EU AI Act Proposal SOC 2 Type II Renewal PCI DSS v4 Deadline EU AI Act Compliance Due ISO 27001 Re-Certification
Timeline: Regulatory Changes
Order Fulfillment Customer Sales Warehouse Shipping Place Order Receive Package Confirm Order Send Invoice Pick Items Pack Box Print Label Hand to Carrier
Swimlane: Order Fulfillment
Software Deployment Developer CI System DevOps Monitoring Push Commit Fix Issues Build & Test Security Scan Deployment Review Deploy to Prod Health Check Alert on Failure
Swimlane: Software Deploy
Employee Onboarding HR IT Manager New Hire Send Offer Letter Collect Documents Setup Payroll Create Accounts Provision Laptop Team Introduction 30-60-90 Plan Sign Contract Setup Workstation Start Work
Swimlane: Onboarding
Customer Support Flow Customer L1 Support L2 Support Engineering Submit Ticket Provide Info Close Ticket Triage Issue Resolve Issue Deep Investigation Apply Fix Patch & Deploy
Swimlane: Customer Support
Loan Application Process Applicant Loan Officer Underwriting Disbursement Submit Application Upload Documents Sign Agreement Review Application Request More Docs Approve Loan Risk Assessment Final Decision Transfer Funds
Swimlane: Loan Application
Feature Development Flow Product Design Engineering QA Write Spec Acceptance Test Close Feature Create Mockup Design Review Implement Feature Unit Tests QA Testing Regression Suite
Swimlane: Feature Development
Procurement Process Requester Manager Procurement Finance Submit Purchase Request Receive Goods Approve Request Issue RFP Select Vendor Create PO Process Invoice Release Payment
Swimlane: Procurement
Production Bug Fix Workflow Reporter Triage Engineer CI CD File Bug Report Verify Fix Assess Severity Assign Engineer Investigate Root Cause Implement Fix Open Pull Request Run Test Suite Deploy to Prod
Swimlane: Bug Fix Flow