The Azure VNet Designer is a dedicated tool for planning entire hub-and-spoke
topologies across one or more regions. Best used by Azure Architects and Platform Engineers.
Features
- Hub-and-Spoke Planning: Visualize multiple VNets and their relationships.
- Drag-and-Drop: Arrange VNet cards logically to map out traffic flows.
- Infrastructure as Code: Export your complete design directly to Terraform
(.tf) and Bicep.
Usage Guide
1. Creating Virtual Networks
A "canvas" is your starting point. Use the Add VNet card to place a new VNet.
- Configure: Assign a Name (e.g.,
vnet-hub-eastus2), select a Region,
and set the Role (Hub, Spoke, or Shared).
- CIDR: Define the address space for the VNet (e.g.,
10.1.0.0/16).
2. Subnetting Each VNet
Each VNet card functions like a mini version of the Cloud Subnet Calculator. You can:
- Split: Break down the VNet address space into subnets.
- Label: Name subnets (e.g., "GatewaySubnet", "AzureFirewallSubnet").
3. Export to Infrastructure as Code
Move from design to deployment instantly.
- Terraform (HCL): Downloads a
.tf file with `azurerm_virtual_network`
and `azurerm_subnet` resources.
- Bicep: Downloads a
.bicep file with structured Azure resources.
- JSON: Exports the raw topology data for custom processing.
4. Export to Documentation
Once your design is ready, use the Markdown Export feature.
- Click the Markdown button in the toolbar.
- Copy the generated table directly into Confluence, GitHub/GitLab
Wikis, or Notion.
- The output is formatted as a clean Markdown table, compatible with most documentation platforms.
Pro Tip: You can paste this generated Markdown table back into the tool later to
restore your session!
5. Save & Iterate
Since there is no backend database, "saving" works differently:
- Share URL: Copy the URL from the address bar (or use the Share button). It contains
the entire state of your design (compressed). Bookmark it to return later.
- Import: If you saved a Markdown export in your documentation, you can paste that
Markdown back into the tool to reconstruct your design.
- Import JSON: For complex topologies, save the JSON export and re-upload it later.