Diagram as Code

Getting Started

Quick Start

The shortest path to generate your first diagram using the website or the CLI.

Fastest path

Open https://dac.moretes.com and choose Editor or Builder.
Paste YAML or load one of the built-in examples.
Generate PNG for visual preview, PDF for document sharing, or draw.io for editable output.
If you need automation, install the CLI and run awsdac on your YAML file.

Minimal starter YAML

yaml

Diagram:
  DefinitionFiles:
    - Type: URL
      Url: "https://raw.githubusercontent.com/fernandofatech/diagram-as-code/main/definitions/definition-for-aws-icons-light.yaml"
  Resources:
    Canvas:
      Type: AWS::Diagram::Canvas
      Children:
        - Cloud
    Cloud:
      Type: AWS::Diagram::Cloud
      Preset: AWSCloudNoLogo
      Children:
        - Bucket
    Bucket:
      Type: AWS::S3::Bucket

Recommended onboarding path

Use the hosted editor first. Once the YAML and output are stable, move the same file into a repository and automate it with the CLI or the API.

Previous: Overview Next: Web Editor