Private by default - your diagrams stay on-device; we don't host, sync, or see your work.

Design production‑grade cloud and system architecture in your browser

Most diagramming tools are either too simple or too slow. ARCH gives you a full cloud & on‑prem component catalog, smart orthogonal routing, isolator groups, and presentation‑ready exports - all running locally in your browser with zero setup.

Design Now

Free. No account. Works offline.

Built‑in components for

  • AWS
  • Azure
  • Google Cloud
  • IBM Cloud
  • Oracle Cloud
  • Alibaba Cloud
  • Huawei Cloud
  • On‑premise

Enjoying the idea? You can fuel the build - optional, zero pressure.

Why teams pick ARCH over other tools.

Every feature exists because we hit the same friction designing real infrastructure.

Catalog, not clip‑art

Pre‑built components for AWS, Azure, GCP, generic networking, and on‑prem gear - grouped by category and searchable from the sidebar so you are not redrawing the same box for the hundredth time. Icons, labels, and sensible defaults mean diagrams read like real environments, not generic shapes.

Connections that stay readable

Orthogonal (right‑angle) routing with automatic arrow placement, parallel offsets for overlapping links, and edge labels that stay attached when you move things. Routes recompute as the canvas grows so large fabrics stay legible in reviews and onboarding docs - not a tangle of diagonal lines.

Real isolation modeling

Group nodes into regions, VPCs, subnets, and availability zones with custom borders, fills, nesting, and collapse so stakeholders see trust boundaries at a glance. Layers stack cleanly for complex topologies instead of pretending isolation with flat colored rectangles.

Select like a desktop app

Marquee select, shift‑click, and Ctrl/Cmd+A for the whole canvas, plus bulk color and style edits when you need a consistent look across dozens of nodes. Pair that with command‑palette actions like select connected or same vendor to refactor a diagram without tedious one‑by‑one clicks.

Exports that don't embarrass you

Full‑diagram capture at up to 4K resolution for crisp slides and docs, with PNG, SVG, and PDF including A4 layout options. Vector SVG stays sharp when zoomed; what you see in the editor is what lands in Confluence, Notion, or the architecture review deck.

Handles large diagrams

Performance mode kicks in automatically on big canvases - trimming heavy effects and batching routing work so panning and editing stay responsive. You can still model wide VPCs and busy service maps without the editor turning into a slideshow on modest laptops.

Multi‑format structure visualizer

Auto‑detects JSON, YAML, TOML, XML, CSV, Terraform (HCL), GraphQL, protobuf, and more. Same data as explorer, flow & dependency graphs, mind map, table, stats, treemap & sunburst, diff, JSONPath, formatted code, and inferred TypeScript / JSON Schema - all in your browser.

Guides, align & auto‑layout

Live alignment guides appear while you drag so edges and centers line up with neighbors. From the Edit menu, align left or right, center axes, distribute spacing evenly, then run auto layout left‑to‑right or top‑to‑bottom to untangle a messy canvas before you export or present.

Command palette & checkpoints

Open a searchable command palette for Find, named snapshots, switching projects, bulk selects, auto layout, and exports - no menu archaeology. Save checkpoints when a design is stable, jump back when experiments go wrong, and keep multi‑diagram workspaces organized without leaving the keyboard.

Privacy by architecture

Your diagrams never touch a server.

ARCH stores your diagrams in your browser's IndexedDB—no server for your canvas data. Analytics runs on visits for aggregated usage stats. After the first page load, the entire app works offline—including exports.

  • No account required. Open the editor and start. Your work is auto‑saved locally.
  • Offline‑first. Service worker caches the app shell and assets. Airplane mode? No problem.
  • Portable workspace. Export your entire workspace as a single .arch file and import it anywhere.

Designed for keyboard‑heavy workflows.

Shortcuts you already know. No learning curve.

⌘ / Ctrl + A
Select every node on the canvas

⌘ / Ctrl + C / X / V
Copy, cut, paste nodes + edges

⌘ / Ctrl + Z / Y
Undo / redo any change

Drag on canvas
Marquee select (partial overlap)

Shift + Click
Add to / remove from selection

Delete / Backspace
Remove selected items

Ready to try it?

No signup, no install, no paywall. Just open the editor.

If ARCH saves you time, you can fuel the next release-purely optional, zero guilt.

Design Now