Map every layer of
your stack

Seven specialized views in one file. Switch tabs to see your system from every angle — architecture, sequence, schema, API, cloud, data flow, and network. No exports, no syncing, no divergence.

Architecture

Your whole system, at a glance

Drag services, databases, queues, and gateways onto a shared canvas. Label every edge with a protocol. Toggle between engineering symbols and real vendor logos — positions and arrows stay locked. The architecture diagram is the single source of truth your whole team can read without asking you.

  • 22 archetypes · 370+ real tool logos
  • Auto tidy layout with one click
  • Export to PNG or JSON
Modudraft architecture canvas showing a full microservices system
Sequence Diagrams

Show the flow, not just the boxes

Script interactions between participants with sync, async, and return messages. Wrap steps in fragments — alt, opt, loop, par — to model branching logic and parallel calls. Double-click any arrow to rename it inline. Export to Mermaid or PlantUML when you need to drop it in a doc.

  • Inline script editor with drag-to-reorder
  • alt / opt / loop / par fragments
  • Export to Mermaid or PlantUML
Modudraft sequence diagram showing an auth login flow with alt and opt fragments
DB Schema

Design your data model alongside your architecture

Every database node in your architecture diagram automatically becomes an entity in the DB Schema tab. Add tables, columns, types, PKs, FKs, and indexes — visualized as entity cards with FK arrows. Supports PostgreSQL, MySQL, Redis key schemas, and S3 object schemas in the same view.

  • Auto-linked from architecture nodes
  • FK relations drawn as arrows
  • PostgreSQL · Redis key patterns · S3 objects
Modudraft DB schema showing products and order_items PostgreSQL tables with foreign key arrows
API Documentation

Document your APIs where your architecture lives

Every service in your architecture becomes an API service in the API tab. Add endpoints with HTTP, gRPC, GraphQL, or WebSocket protocols, define request bodies in JSON, XML, or form data, and list response codes. No separate Swagger file — it lives in the same diagram.

  • HTTP · gRPC · GraphQL · WebSocket
  • Request body and response codes per endpoint
  • Inline endpoint editor with protocol picker
Modudraft API schema showing the POST /api/auth/login endpoint detail with request body and responses
Cloud Infrastructure

Model your Kubernetes and VPC layout

Navigate your cloud topology with a hierarchical sidebar and a drill-in canvas. Kubernetes: clusters, namespaces, ingresses, services, deployments, HPAs, StatefulSets, CronJobs, ConfigMaps, and Secrets. VPC: subnets, IGW, NAT gateways, route tables, security groups, EC2, RDS, and ElastiCache.

  • EKS · GKE · AKS clusters with full K8s objects
  • VPC subnets, security groups, NAT gateway, RDS
  • Hierarchical sidebar with drill-in canvas
Modudraft cloud tab showing EKS cluster with backend and messaging namespaces full of K8s resources
Data Flow

Trace data from source to sink

Model ETL pipelines, event streams, and analytics flows with source → transform → sink stages. Add a description to each stage explaining what it does, and annotate the connecting arrows with protocol or throughput notes. Run multiple flows side by side in the same diagram.

  • Source → transform → sink stage model
  • Stage descriptions + edge notes on arrows
  • Multiple flows per diagram
Modudraft data flow showing Analytics Pipeline with stage descriptions and edge notes
Network Topology

Document your physical and logical network

Place routers, switches, firewalls, access points, and servers on a dedicated network canvas. Distinct from the cloud tab — this is for on-prem racks, office topologies, and ISP connections. Link devices with typed protocols and annotate traffic paths.

  • Routers · switches · firewalls · APs · servers
  • Typed protocol links between devices
  • Separate from cloud resources
Modudraft architecture diagram with real tool logos

Everything ships
in a single .modudraft file

Share a link, export JSON, or connect your AI agent via MCP. Every view is synchronized — edit the architecture and the DB Schema, API, and Cloud tabs all stay in sync.

Start designing free See pricing