# DiagramFlow
> Diagrams-as-code for system design and cloud architecture.

Generated metadata:
- source_repo: diagramflow-docs
- source_commit: 1846e918831970862c721427230fd5bfe0eea4fc
- manifest_path: docs/llms-manifest.json
- manifest_version: 1
- generator_version: 1
- generated_at: 2026-04-21T00:17:28.637Z

## Start Here
- [What is DiagramFlow?](https://docs.diagramflow.ai/docs/what-is-diagramflow): Learn what DiagramFlow is, who it is for, and how it helps teams generate system design and cloud architecture diagrams from simple text.
- [Quickstart](https://docs.diagramflow.ai/docs/quickstart): Open Playground, paste sample code, and generate your first DiagramFlow diagram in under a minute.
- [What is Diagram as Code?](https://docs.diagramflow.ai/docs/what-is-diagram-as-code): Learn what diagram as code means, why engineering teams use it, and how it helps keep architecture diagrams accurate as systems change.

## Syntax Reference
- [Diagram Configs](https://docs.diagramflow.ai/docs/diagram-configs): DiagramFlow syntax reference for diagram-level settings such as title, background color, title position, and title font size.
- [Nodes](https://docs.diagramflow.ai/docs/nodes): DiagramFlow syntax reference for nodes, including assigned variables, bare nodes, labels, multi-provider examples, and variable reuse in connections.
- [Clusters and Groups](https://docs.diagramflow.ai/docs/clusters-and-groups): DiagramFlow syntax reference for clusters and groups, including titles, visual attributes, assigned containers, and nested cluster patterns.
- [Connections](https://docs.diagramflow.ai/docs/connections): DiagramFlow syntax reference for connections, including directed and undirected edges, edge attributes, chained flows, and readability patterns.

## Product Workflows
- [Project Workspace](https://docs.diagramflow.ai/docs/project-workspace): Create DiagramFlow project workspaces in Cloud canonical or Git canonical mode with Markdown design docs, `.df` diagrams, and exportable architecture documentation.

## Optional
- [Pricing and Plans](https://docs.diagramflow.ai/docs/plans): Compare DiagramFlow Free and Pro plans for diagrams-as-code workflows, exports, collaboration, version history, and storage limits.