HACKER Q&A
📣 thisisabug

Do you have a setup for drawing sequence diagrams with draw.io?


Do you have a setup or preferences for drawing sequence diagrams with draw.io? What settings work best for you?


  👤 rektide Accepted Answer ✓
Apologies for not answering the question, but, wow after doing a couple diagrams in mermaid.js, I've found it to be so much easier & better than everything else I've ever done. Write what you want in text & it does the work to lay it out.

https://mermaid-js.github.io/mermaid/#/


👤 officialchicken
Draw a skinny vertical rectangle - this will be the lifetime line of the class. Go to the properties panel on the bottom right of the window, select 'add anchor points' under the 'edit' dropdown. I find 5-8 on the left works well. Then edit the rectangle so that it's only pixel wide (drag, edit, etc.) and set the width to one and linetype dashed. Drag this entity to your toolbar for reuse now and in the future. Now you can attach arrows to any of the anchor points.

👤 darrenallen85
I Love draw.io BUT for sequence diagrams I definitely recommend https://sequencediagram.org/

- quick to create diagrams

- can use text to create or drag / type

- configurable to style diagrams as u need

- runs in browser - no server required

- familiar syntax - similar to plantuml and other variants


👤 0x54MUR41
May I ask a question? Why do you have to draw a sequence diagram with draw.io?

This response below is not going to answer your question.

Previously, I was using draw.io to draw sequence diagrams. I didn't have "fancy" setup. It was pretty straightforward. I drew diagram components, like actor, boundary, control, message, and lifeline and connected them one by one. This took so much effort and time. Then, I moved on and used PlantUML [0]. This tool helped me to produce a sequence diagram using text. The text will be rendered into a diagram. I didn't need to draw. It saved my time a lot.

[0]: https://plantuml.com/sequence-diagram


👤 jantypas
Draw.io can get by, but for sequence diagrams, there's little better than WebSequenceDiagrams.com or in a pinch, LucidCharts.