DEV Community

Jahid Hasan
Jahid Hasan

Posted on AI-assisted

I built a free tool that shows where your system design breaks — with maths, not servers

Whiteboard designs never push back. You draw a load balancer, two servers and a database, someone asks "what happens at 5,000 requests per second?", and nobody really knows.

So I built System Canvas: a free, browser-based canvas where you design an architecture and simulate traffic through it.

A design with a CDN, a load balancer, two servers in a VPC, Redis, a SQL database and a payment-service microservice.

You can keep it to a single design, like one service with its load balancer, servers and database. Or you can model a microservice system: design each service on its own canvas, connect the services at the top level, and simulate the whole system or benchmark one service at a time.

Each microservice gets its own canvas, listed under Services. Components are grouped by category.

It's maths, not a real load test

Nothing is deployed and no real requests are sent. System Canvas estimates how your design behaves with a mathematical model built on queueing theory: Little's Law (L = λW) and how latency climbs as a component nears 100% utilization. On top of that sit per-component rules such as cache hit ratios, connection limits and serverless cold starts.

So treat the numbers as estimates, not benchmarks. The point is intuition: seeing where a design strains and why, before you build it. The engine docs show the maths behind every component.

What you get

Press Simulate and the model reports:

  • p50, p95 and p99 latency
  • Throughput and error rate
  • Utilization per component
  • The bottleneck, and how far failures cascade

The report: throughput, p50 and p99 latency, error rate and per-component utilization, with the formulas behind them alongside.

There are 40 components (servers, serverless, load balancers, API gateways, CDNs, SQL and NoSQL databases, Redis, Kafka, queues, vector databases, LLM APIs and more), each with settings that change the result.

Try this in two minutes

  1. Build Client → Load Balancer → two Servers → SQL Database.
  2. Simulate a read-heavy workload. Watch the database's utilization and the p99 latency.
  3. Add Redis in front of the database, simulate again, and compare.

A 5-second simulation in progress: traffic moves along every connection.

Change one thing, measure, compare: that's the whole loop.

Also included

  • No sign-up: designs are saved in your browser
  • Share links, PNG export, and PDF or Markdown reports
  • An AI assistant that can build designs for you, and a phone-friendly layout

👉 vuteem.com/tools/sys-canvas

If a result looks wrong, tell me in the comments. That's how the model gets better.


I'm Jahid Hasan vuteem.com.

Top comments (1)

Collapse
 
suppdevbot profile image
DEV SUPPORTS •
You need to verify your account.
Enter fullscreen mode Exit fullscreen mode

tr.ee/dev-to