チームが実際に作る 図。
各サンプルは AIDrawIO で生成したあと、人の手で最後の調整をしています。図を開いて確認し、そのまま同じプロンプトも試せます。
Architecture Diagram Generator
“Three-tier web app with React frontend, Node.js API, Postgres database, Redis cache, and an S3 bucket for uploads.”
AWS Diagram Generator
“Serverless AWS architecture: API Gateway → Lambda → DynamoDB, with S3 for file uploads and CloudWatch for logs.”
Azure Diagram Generator
“Azure architecture with Front Door, App Service, Azure Functions, Cosmos DB, and Key Vault for secrets.”
Terraform Diagram Generator
“Terraform stack with a VPC, 2 public subnets, an ALB, an ECS cluster, and an RDS Postgres instance.”
System Architecture Diagram Generator
“Mobile + web clients → load balancer → microservices (auth, orders, inventory) → Postgres, Kafka, and S3.”
Network Diagram Generator
“Corporate network with HQ, two branch offices over VPN, a DMZ hosting web servers, and a firewall.”
ERD Generator
“Ecommerce schema: users, orders, order_items, products, categories, addresses — with primary/foreign keys.”
UML Diagram Generator
“UML class diagram for a library system: Book, Author, Member, Loan, Librarian — with methods and relationships.”
Use Case Diagram Generator
“Use case diagram for an online store: actors (Customer, Admin); use cases (browse, add to cart, checkout, refund, manage inventory).”
State Diagram Generator
“Order lifecycle: draft → pending → paid → shipped → delivered; with cancellation and refund transitions.”
Block Diagram Generator
“Block diagram for a music streaming app: client, CDN, backend services (auth, catalog, playback), and data stores.”
Flowchart Generator
“Signup, email verification, profile setup, optional team invite, end at the dashboard — happy path and error branches.”
Swimlane Diagram Generator
“Swimlane for order fulfillment across Sales, Warehouse, Shipping, and Finance.”
Data Flow Diagram Generator
“Level-1 DFD for a payroll system: employees → attendance → payroll processor → accounting + bank.”
Process Flow Diagram Generator
“Coffee roasting process: green beans → sorter → roaster → cooler → packager → warehouse.”
Process Map Generator
“Hiring process: posting → screening → interviews → offer → onboarding; with rejection paths.”
Workflow Diagram Generator
“Expense approval workflow: submit → auto-check → manager approval → finance review → reimbursement.”
User Flow Diagram Generator
“User flow for signing up on a SaaS app: landing → signup → email verify → onboarding → dashboard.”
User Journey Map Generator
“User journey for a first-time shopper on a fashion ecommerce site, from ad click to repeat purchase.”
Org Chart Generator
“Org chart for a 50-person startup: CEO, CTO, CPO, VP Eng, VP Sales, PMs, engineers, designers.”