Tools/Eraser
Eraser
eraser.io — best-in-class for architecture-diagram understanding: diagram-as-code (write layout in text, get an auto-arranged system diagram), a catalog of 100+ pre-built diagram templates, 250+ icons, AI chat sidebar, device frames, and figure/code-block/image inserts all in one canvas. Free tier covers everything needed here — no subscription required.
Example export: localz_architecture.svg (unresolved)
Fits the front end of the diagramming pipeline: draft architecture fast in Eraser, then export SVG into Figma for branding/animation if the diagram needs to go into video or social content.