When someone asks "can you show me the architecture?",
most DevOps engineers groan internally.
Not because the architecture is complicated — because
drawing it is. You open draw.io, spend 45 minutes dragging
boxes, and by the time you share it, someone has already
changed the infrastructure.
Existing automated tools like Cloudcraft want $49/month
and read access to your AWS account. That's a non-starter
for most individual engineers and small teams.
So I built InfraSketch.
What it does
Paste your Terraform HCL or docker-compose.yml → get a
clean architecture diagram instantly.
- Parses 25+ AWS resource types
- Detects relationships between resources automatically
- Groups by category (Networking, Compute, Database, Storage, Load Balancing, Messaging, Security)
- Uses official AWS Architecture icons
- Export as PNG, SVG, or draw.io file
- 100% client-side — your code never leaves your browser
- No signup, no cloud credentials, completely free
How it works
The tool does static analysis of your HCL code using a
custom JavaScript parser. It extracts resource type and
name from each resource block, detects cross-references
between resources, groups them visually by category, and
renders the diagram as SVG with official AWS icons.
Everything runs in your browser. There is no backend server.
Try it with this example
Paste this into InfraSketch:
resource "aws_vpc" "main" {
cidr_block = "10.0.0.0/16"
}
resource "aws_subnet" "public" {
vpc_id = aws_vpc.main.id
cidr_block = "10.0.1.0/24"
}
resource "aws_internet_gateway" "gw" {
vpc_id = aws_vpc.main.id
}
resource "aws_lb" "app" {
name = "app-alb"
load_balancer_type = "application"
subnets = [aws_subnet.public.id]
}
resource "aws_eks_cluster" "main" {
name = "production"
role_arn = aws_iam_role.eks.arn
vpc_config {
subnet_ids = [aws_subnet.public.id]
}
}
resource "aws_iam_role" "eks" {
name = "eks-role"
assume_role_policy = jsonencode({})
}
resource "aws_db_instance" "db" {
identifier = "prod-db"
engine = "postgres"
instance_class = "db.t3.medium"
}
resource "aws_s3_bucket" "assets" {
bucket = "my-app-assets"
}
resource "aws_sqs_queue" "events" {
name = "event-queue"
}
You'll see VPC, subnet, IGW, ALB, EKS, IAM, RDS, S3, and
SQS — all grouped, connected, and rendered with official
AWS icons.
The draw.io export
One feature people find particularly useful — after
generating the diagram you can export it as a draw.io file.
This means InfraSketch generates the base structure
automatically, then you open it in diagrams.net and
customize it for presentations or documentation. Best of
both worlds.
What's next
- CloudFormation template support
- Kubernetes manifest visualization
- Azure and GCP resource icons
- Terragrunt support (top community request already!)
- Better connection routing and layout engine
Links
- Tool: infrasketch.cloud
- GitHub: pandey-raghvendra/infrasketch
Built by a DevOps/SRE engineer with 9 years of production
experience, frustrated by the same problem you probably
have. Feedback and contributions welcome.
What resource types or features would you like to see next?
Top comments (0)