実際に生成された図

チームが実際に作る 図。

各サンプルは 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

UML

Ecommerce schema: users, orders, order_items, products, categories, addresses — with primary/foreign keys.

UML Diagram Generator

UML

UML class diagram for a library system: Book, Author, Member, Loan, Librarian — with methods and relationships.

Use Case Diagram Generator

UML

Use case diagram for an online store: actors (Customer, Admin); use cases (browse, add to cart, checkout, refund, manage inventory).

State Diagram Generator

UML

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.

Whiteboard to Diagram

アーキテクチャ

Convert this whiteboard sketch of a cloud architecture into a professional AWS diagram. It shows a mobile app, load balancer, three ECS services, and a RDS database.

自分の図を作る

アーキテクチャでも業務フローでも、言葉で説明すれば始められます。必要になったらフルエディタに移れます。