Bausteinsicht
Architecture-as-Code meets draw.io
Maintain your software architecture in a structured JSON model and visualize it in draw.io — with full bidirectional synchronization. No more outdated diagrams.
What makes Bausteinsicht different?
🔄 Bidirectional Sync
Edit in draw.io or in the JSON model — changes sync both ways. No more "which diagram is the latest version?" questions. Your model stays in sync with your diagrams automatically.
🎨 draw.io as Frontend
No proprietary viewer needed. Use the tool everyone already knows. Full control over styling via draw.io templates. Your diagrams look exactly the way you want them.
🤖 LLM-Friendly
JSON model format that LLMs read and write natively. CLI commands let AI agents modify your architecture. IDE autocompletion via JSON Schema — no plugin needed.
🛠 Flexible Hierarchy
Not limited to 4 C4 levels. Define your own element kinds. Components of components? No problem. Your architecture, your rules.
How it works
1. Define your model
JSON with IDE support{
"model": {
"webshop": {
"kind": "system",
"title": "Webshop",
"children": {
"api": {
"kind": "container",
"title": "REST API",
"technology": "Spring Boot"
}
}
}
}
}2. Get your diagram
bausteinsicht sync
Inspired by the best, built for draw.io
Bausteinsicht takes the best ideas from Structurizr and LikeC4 and combines them with the world's most popular free diagramming tool.