TF Visualizer/Documentation

User Guide

Welcome to TF Visualizer. This guide will help you understand how to design, generate, and deploy Terraform infrastructure visually.

Getting Started

  • Create a Project: Start by navigating to the Dashboard and clicking "New Project". Select your cloud provider (AWS, GCP, Azure) to load the appropriate resources.
  • Settings: Configure your AWS Credentials in the Project Settings (Gear icon) to enable deployment features.

Using the Editor

The visual editor is the core of TF Visualizer.

  • Adding Resources: Drag and drop resources from the Library panel (left sidebar).
  • Connecting resources: Drag from a handle (circle) on one node to another to create dependencies.
  • Configuring Properties: Select a node to view and edit its Terraform arguments in the Properties panel (right sidebar).
  • Autosave: Your changes are saved automatically. Look for the "Saved" status in the Ribbon.

Keyboard Shortcuts

Delete selected nodesDel / Backspace
UndoCtrl + Z
RedoCtrl + Y
Save GraphCtrl + S

Validation & Deployment

  • Validate: Click the Checkmark icon in the Ribbon to run `terraform validate`. Errors will appear in the bottom panel.
  • Export: Use the Export dropdown to download the generated `.tf` files or an image of your graph.
  • Deploy: (Coming Soon) Direct `terraform apply` from the browser.