Excalidraw vs draw.io: Which Should a BA Use?
Excalidraw and draw.io are both free, but they do different jobs. Sketch a small leave request flow in Excalidraw and hear when its fast, rough look wins and when a business analyst should switch to the neat, formal shapes of draw.io.
Step by step
Two free tools
- Excalidraw vs draw.io. Excalidraw and draw.io are both free diagram tools, but they do different jobs. Here we build a small leave request flow in Excalidraw and point out where draw.io is the better pick.
- Start in seconds. Go to excalidraw.com and start drawing. You don't need an account or a file. draw.io is free too, but it usually asks where to save your diagram before you begin.
Sketch it fast
- Sketch fast. First, an employee asks for time off. Draw a rectangle, press Enter and type Ask for leave. The manager decides next, so draw a diamond and type a short question: Approved? Drag an arrow from the edge of Ask for leave to the edge of the diamond. It sticks to both shapes, like connectors in draw.io, so it moves with them when you move a shape. If the manager says yes, the leave is booked. Put a Book leave box to the right of the diamond. Draw an arrow from the diamond to Book leave, press Enter and type Yes. If the answer is no, someone has to tell the employee. Put a Tell employee box under the diamond. Draw an arrow down from the diamond to Tell employee and label it No. That's the whole flow, done in well under a minute.
Sketchy vs neat
- Rough on purpose. Notice the wobbly, hand-drawn lines. In draw.io the same flow comes out neat, with straight lines and clean fonts. A rough look reads as a draft, so people talk about the idea, not the colours.
- Change it live. In a workshop, someone says HR does the booking. Select the Book leave box, press Enter and change the text to HR books it. You can make changes as fast as people talk.
When draw.io wins
- When draw.io wins. Switch to draw.io when the diagram must be formal. It has ready shape sets for BPMN, UML and swimlanes, keeps large diagrams tidy, and saves a .drawio file you can keep and edit for years.
- The finished sketch. Click an empty spot on the canvas to clear the selection and see the finished sketch: 4 shapes, 3 arrows, and both paths out of the decision labelled.
Recap
- The rules. Sketch in Excalidraw when you need speed, like a workshop or a first draft. Switch to draw.io when the diagram must be neat, formal and kept. Many analysts use both.
Common mistakes
- Sending the rough sketch for sign-off. The hand-drawn look tells people it's a draft, which suits a workshop but not a formal sign-off. Once the flow is agreed, redraw it in draw.io with proper process shapes.
- Arrows that aren't stuck to the shapes. If you let go of an arrow's end in empty space next to a box, the arrow stays behind when you move the box. Drag each end onto the shape's edge so it sticks.
- Unlabelled paths out of a decision. A diamond with 2 plain arrows leaves readers guessing which way is yes. Select each arrow, press Enter and type Yes or No.
- Treating the browser as your only copy. On excalidraw.com your drawing is saved in that browser, so clearing your browser data or switching computers can lose it. Save a copy to a file or export an image before you close the tab.
When a business analyst uses this
In a discovery workshop, a BA shares their screen and sketches the current leave process in Excalidraw while stakeholders correct each step live. Once everyone agrees, the BA redraws it in draw.io with BPMN swimlanes, so the process map can go into the requirements document for sign-off.
Questions people ask
Should a business analyst use Excalidraw or draw.io?
Use Excalidraw for quick sketches in workshops and first drafts, where speed matters more than looks. Use draw.io for formal diagrams, such as BPMN process maps, UML or swimlanes, that need to be neat and kept.
What is a draw.io file?
It's a diagram saved by draw.io, usually with the .drawio file type. It stores the shapes, text and connectors as XML, so you can open it again in draw.io and keep editing.
