Getting Started
Welcome to ArchDraw. ArchDraw is a system architecture design tool tailored for engineers. It combines a drag-and-drop workspace canvas with dynamic routing, allowing you to quickly visualize scalable microservices, backend data pipelines, and security zones.
1. Drag & Drop
Choose from our unified catalog of 150+ components, including compute resources, database storage, and external providers.
2. Connect Edges
Draw lines from node borders. Edges shift dynamically to avoid overlap and indicate communication protocols.
3. AI Compilation
Use simple prompts to compile complete layouts instantly, leveraging horizontal node tiers and self-healing routing.
4. Share & Export
Export your diagrams as high-resolution SVGs or share read-only dashboard embed links secure for presentations.
Note: ArchDraw automatically saves canvas state to local cache profiles, preventing data loss during network interruptions.
Workspace Structure
Architectures are serialized as flat JSON models containing node definitions, edge arrays, and layout settings:
{
"id": "diagram-uuid-001",
"name": "E-Commerce Pipeline",
"nodes": [
{ "id": "node-1", "type": "compute", "position": { "x": 300, "y": 150 }, "data": { "label": "API Service" } }
],
"edges": [
{ "id": "edge-1", "source": "node-1", "target": "node-2", "label": "gRPC" }
]
}