SystemDesignDraw Logo
SystemDesignDraw

Architecture Whiteboard & Math

Architecture Stencil Packs

Architecture Component Libraries

Stop manually redrawing boxes and databases. Download our free architecture component stencils or copy them right into your whiteboard.

Open Architecture Studio

Edge & Traffic Routing

4 Component Stencils

DNS / GeoDNS

Anycast Latency Routing

CDN Edge

Static & API Edge Cache

Load Balancer (ALB)

L4/L7 Traffic Balancing

API Gateway

Unified Ingress & Auth

Compute & Services

4 Component Stencils

Microservice Pod

Stateless Service Workload

Worker Machine

Async Background Processing

Serverless Function

Event-Driven Ephemeral FaaS

Client App

Web / Mobile Client Device

Storage & Memory

5 Component Stencils

PostgreSQL DB

Relational ACID Data Store

Redis Cache

Sub-millisecond In-Memory RAM

Cassandra Store

High-Write Columnar Storage

DynamoDB Store

Managed JSON Document DB

Amazon S3 Bucket

Blob Object Storage

Search & Spatial

2 Component Stencils

Elasticsearch Engine

Full-Text Inverted Index

Uber H3 Spatial Index

Hexagonal Proximity Grid

Streaming & Events

3 Component Stencils

Apache Kafka

Distributed Event Commit Log

RabbitMQ

Point-to-Point Task Queue

Websocket Server

Full-Duplex Real-Time Stream

Security & Financial

6 Component Stencils

Web App Firewall

L7 DDoS & SQLi Defense

OAuth2 / OIDC

JWT Identity Token Authority

Distributed Lock

Raft Consensus Mutex (etcd)

Rate Limiter

Sliding Window Traffic Throttle

Payment Gateway

Idempotent Financial Settlement

Push Notifications

Mobile APNs / FCM Alerts

Pre-Built Architectures

See these stencils arranged in production systems

Explore canonical architectural blueprints built with these exact stencils:

Capacity Planning

Calculate the exact hardware and memory needed for these components:

Open System Design Cheat Sheet & QPS Calculator →

How to Install into Your Whiteboard, Obsidian, or VS Code:

  1. Click Download Stencil Library above to get the library file.
  2. Open the In-Site Whiteboard, Obsidian canvas, or VS Code Whiteboard.
  3. Click the Library icon (bookshelf) in the top toolbar.
  4. Select Import Library and pick the downloaded file. All architecture icons will appear in your sidebar!