# Excalidraw examples

Excalidraw scenes are drawn rather than written, so these pages describe what each example contains and how to build it, step by step.

The technique matters more than the file: each one explains why the sketch is drawn at that fidelity, and what feedback that fidelity gets you.

ℹ️

**Excalidraw is a canvas.** There is no text source to copy, so these are build recipes rather than pasteable files. Every step takes seconds once you know the tool.

---

## In this set

[Wireframe (Excalidraw)A hand drawn UI wireframe on a Confluence page, editable in place.](https://help.gocapable.com/diagrams/wireframe-excalidraw.html)[Mobile wireframe (Excalidraw)A mobile app screen mockup sketched in Excalidraw.](https://help.gocapable.com/diagrams/mobile-wireframe-excalidraw.html)[Mindmap (Excalidraw)A freeform hand drawn mindmap built on the Excalidraw canvas rather than from text.](https://help.gocapable.com/diagrams/mindmap-excalidraw.html)[Flowchart with images (Excalidraw)A flowchart combining hand drawn shapes with embedded images.](https://help.gocapable.com/diagrams/flowchart-with-images-excalidraw.html)[Profiling diagram (Excalidraw)A performance profiling sketch kept alongside the analysis on a Confluence page.](https://help.gocapable.com/diagrams/profiling-diagram-excalidraw.html)

---

## Related

[ReferenceThe notation behind these.](https://help.gocapable.com/diagrams/reference.html)

[Diagram typesGrouped by what you want to draw.](https://help.gocapable.com/diagrams/diagram-types.html)

[ExamplesEvery other set.](https://help.gocapable.com/diagrams/examples.html)

---

_Rough on purpose, and quicker for it._