How to draw beautiful software architecture diagrams

Diagrams Flowcharts Flow Charts And Diagrams

Whimsical Landing Page

1

Whimsical

The visual workspace for teams.

If only I could figure out how to handle branching in Mermaid like the "Saving" node in this animation: https://whimsical.com/.

#Diagrams #Flowcharts #Wireframing 59 social mentions
flowchart.fun Landing Page
2

flowchart.fun

An open-source tool for generating flowcharts from text
Pricing:
- Open Source
Https://flowchart.fun/ recently helped me very quickly draw flow charts to understand process of a system. Best thing was how intuitive and fast I could iterate over. And it allows custom css for styling which helped a lot. IMO for flow charts, this is so far the easiest / quickest text based diagram tool.

#Open Source #Software Engineering #Developer Tools 39 social mentions
SequenceDiagram.org Landing Page

3

SequenceDiagram.org

Clean and fast online sequence diagram tool using scripting and Drag and Drop

#Diagrams #Flowcharts #Flow Charts And Diagrams 32 social mentions
nomnoml Landing Page
4

n

nomnoml

nomnoml is a free and open source tool to generate nice looking UML diagrams from simple text definitions.
Pricing:
- Open Source
It’s either PowerPoint or draw.io depending on the time I have and the complexity. Then I found this web based coded solution 1 and I was having more fun then I deserved, especially to quickly add shapes, connections, and not worry too much how it is going to look aesthetically. But then I do worry how it is going to look and I can’t really force where I want the shapes and group them differently, and when I’m adapting myself to the tool instead of the other way around,… I go back to draw.io and screenshot to PowerPoint. 1 — https://nomnoml.com/.

#Diagrams #Flowcharts #Prototyping 7 social mentions
Swimlanes.io Landing Page

5

Swimlanes.io

Swimlanes.io is a simple free online tool for making sequence diagrams.

#Diagrams #Flowcharts #Flow Charts And Diagrams 7 social mentions
Penrose Landing Page
6

Penrose

Create beautiful diagrams just by typing notation in plain text.
Pricing:
- Open Source
- penrose - advanced, general - https://penrose.cs.cmu.edu.

#Diagrams #Flowcharts #Flow Charts And Diagrams 4 social mentions
Kroki Landing Page
7

Kroki

Creates diagrams from textual descriptions! It provides a unified API with support for BlockDiag, BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, GraphViz, Mermaid, Nomnoml, PlantUML, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom
Pricing:
- Open Source
#Diagrams #Flowcharts #Prototyping 34 social mentions
js-sequence-diagrams Landing Page
8

js-sequence-diagrams

js-sequence-diagrams turns text into UML sequence diagrams.
Pricing:
- Open Source
- js-sequence-diagrams - https://bramp.github.io/js-sequence-diagrams.

#Diagrams #Flowcharts #Wireframing 5 social mentions
Azimutt Landing Page
9

Azimutt

Next-Gen ERD to Design, Explore and Document real world databases (big and messy ones ^^)
Pricing:
- Open Source
- Freemium
- Free Trial
- €7.0 / Monthly (Solo)
#Database Tools #SQL Diagrams #Database Diagrams 4 social mentions