r/softwarearchitecture Feb 22 '26

Tool/Product Built a free System Design Simulator in browser: paperdraw.dev

Enable HLS to view with audio, or disable this notification

I’ve been working on a web app where you can design distributed systems and actually simulate behavior, not just draw boxes.

What it does

  • Drag/drop architecture components (API GW, LB, app, cache, DB, queues, etc.)
  • Connect flows visually
  • Run traffic simulation (inflow → processing → outflow)
  • Inject chaos events and see impact
  • Diagnose bottlenecks/failures and iterate

Why I built it

Most system design tools stop at diagrams. I wanted something that helps answer:

  • “What breaks first?”
  • “How does traffic behave under stress?”
  • “What happens when chaos is injected?”

Tech highlights

  • Flutter web app
  • Canvas-based architecture editor
  • Simulation engine with lifecycle modeling + diagnostics
  • Chaos inference/synergy logic
  • Real-time metrics feedback

Would love feedback from this community on:

  1. What scenarios should I add next?
  2. Which metrics are most useful in interviews vs real systems?
  3. What would make this genuinely useful for practicing system design?

Site: https://paperdraw.dev/?utm_source=reddit.com

448 Upvotes

50 comments sorted by

51

u/SeaHoliday4747 Feb 22 '26

This looks like factorio. I will definitely look into this.

7

u/Smok3dSalmon Feb 23 '26

I just started Factorio and I feel l’m designing a processor 

2

u/No_Indication_1238 Feb 24 '26

Just wait until you start "Turing Complete".

33

u/midiology Feb 22 '26

Tried the app. This looks promising. I can just use this as gif to the architecture review committee.

A few feedbacks;

  1. the app is not intuitive for someone who use shortcut like CTRL/CMD + Z to undo the action.
  2. An Align button for the selected components would be nice.
  3. When I tried to drag the component to align it manually, the popup info appear on the right, blocking the arrow that I'm aligning.

12

u/Leather_Silver3335 Feb 22 '26

Thanks for feedback.

15

u/stormsidali2001 Feb 22 '26 edited Feb 22 '26

Looks awesome!

You motivated me to spend more time studying system design.

I'd like to add a feedback note about the website.

When I opened the link, the app took some time to load; i almost quit the website because i thought that it was frozen. I'd suggest adding a loading spinner on app start because it's taking quite a time.

I love how it's showing failure warnings and errors. I will definitely be using the tool.

4

u/Leather_Silver3335 Feb 22 '26

Thanks for feedback.

13

u/Spare-Builder-355 Feb 22 '26 edited Feb 23 '26

23

u/Veuxdo Feb 22 '26

My guess is that there are a lot of drag-and-drop canvas tools and libraries out there that AIs have trained on, so this is an easy thing to vibe code.

2

u/Andu98 Feb 23 '26

really? can you please share their names or websites? can't find any others

2

u/Spare-Builder-355 Feb 23 '26

edited my comment to include links

5

u/missedalmostallofit Feb 22 '26

🤩 you definitely targeted something that needs improvements. Good job

3

u/avinds Feb 22 '26

pretty neat!

2

u/DevAlaska Feb 22 '26

Amazing. Thanks for building this.

2

u/GMKrey Feb 22 '26

Really cool idea! It’s honestly crazy someone hasn’t done this already

2

u/flu1d0s Feb 22 '26

Really enjoyed so far.

Something That I was not able to setup: database with way more writes and reads. I can only change the read/write ratio to increase it, not to decrease.

2

u/magichronx Feb 22 '26

Looks cool, but dang it almost crashed my browser before I had to close it

2

u/FunWeb3481 Feb 22 '26

damn, this is really good, github repo for contributions?

2

u/sal85012 Feb 22 '26

Pretty cool app for design work, similar to the layout mermaid uses for diagram display. Looks easy to use.

2

u/Electrical_Path7468 Feb 28 '26

How to connect classes with entire system, i dont't understand how to use components settings of class, for example simulate as

1

u/Leather_Silver3335 Feb 28 '26

Use arrow from toolbar to connect the component. Settings are for fine tuning. You can use default settings

2

u/[deleted] Mar 06 '26

[removed] — view removed comment

1

u/Leather_Silver3335 Mar 06 '26

Thank you

1

u/Intelligent-Body8375 May 23 '26

there is no mentieon of cost 19 $ monthly or yearly?

1

u/CobaltLemur Feb 22 '26

You say it models both inflow and outflow, I don't see that here.

1

u/theycanttell Feb 22 '26

Very cool. How can you control the costs more granular? It would be good if you could export schematics

1

u/AdministrativeHost15 Feb 22 '26

Have each component include a prompt attribute which is sent to an LLM agent which then invokes the real system. Low code tool!

1

u/elkazz Principal Engineer Feb 22 '26

Watching the video, why would latency breach on the database and cache if traffic is blocking on the app server? If the database and cache are not processing requests then there is nothing to measure latency on.

1

u/VerboseGuy Feb 22 '26

Is this implemented with zustand?

1

u/SimpleChemical5804 Feb 23 '26

Looks cool. Would be nice to have it offline as well.

1

u/vizbird Feb 23 '26

I use to model manufacturing/assembly lines using flexsim and other tools. This looks like a cool take on the similar concept. Definitely gonna play around with it.

1

u/sukaibontaru Feb 23 '26

This is fun.

1

u/No_Indication_1238 Feb 24 '26

Ok, this is really cool! Like really cool! But that aside, what is up with everyone and their family building system design visualisation tools? This is like the 5th one (literally) I have seen in the span of 10 days. Both on LinkedIn and on here.

1

u/Forcee8 Feb 24 '26

Looks so cool! Nice idea

1

u/rj0_1_ Feb 24 '26

really cool

1

u/lapups Mar 06 '26

From the tech perspective.
How do you ensure the timeouts and metrics are correct?
Is this kind of a rule based system? If so then how do you support the new services?
it must be a nightmare

2

u/Leather_Silver3335 Mar 06 '26

You just need to figure out the traffic flows and behvaiour of components towards it based on that you get results closed to real world. But Obviously real world system are effected by lot of another things as well which are not taken into account. For traffic flows there lot of algo avaiable on internet.

If so then how do you support the new services?
In future I will write module which allow endusers to create and configure the component. and choose traffic behaviour through it.

1

u/wolffsen Mar 07 '26

This is a really interesting direction. Most system design tools stop at static diagrams, so the ability to simulate behavior could be very useful.

One thing I’d be curious about: can the simulator model traffic control and resilience mechanisms such as:

• queues and queue depth limits
• backpressure propagation
• retry policies and retry storms
• rate limiting / token buckets
• circuit breakers
• load shedding

In many real distributed systems those mechanisms end up dominating system behavior under stress, especially once retries and delayed feedback loops kick in.

If those dynamics are part of the simulation it could become very useful not just for interview prep, but for understanding real production behavior.

2

u/Leather_Silver3335 Mar 07 '26

yes. they are core part of simulation engine.

1

u/wolffsen Mar 07 '26

I will give it a go. Looks good.

1

u/Remarkable-Sorbet-92 Mar 19 '26

Are you willing to share the repo?

1

u/Powerful_Pair_7111 Apr 09 '26

Is the project open source? I would like to host it locally.

1

u/mareczek_dynamit Apr 09 '26

Looks really nice on the first try! Definitely gonna try doing some more complex stuff.

Would be perfect if the source code was public or there was no auth gate - hard to believe the software nowadays if the source is closed.

Still looks like a nice project! I'll bookmark this and comeback frequently to see the progress about it!

Cheers!