> ## Documentation Index
> Fetch the complete documentation index at: https://docs.docdiagram.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> DocDiagram generates publish-ready diagrams from a single prompt.

<Frame caption="From a prompt to publish-ready exports in seconds">
  <img src="https://mintcdn.com/docdiagram/OM9D1I-xYT3RlqTh/images/diagrams/intro-hero-light.svg?fit=max&auto=format&n=OM9D1I-xYT3RlqTh&q=85&s=ba0e81b2a17bd9b31d2a019aae37cebb" alt="DocDiagram takes a prompt and produces PNG, JPG, PDF, and GIF exports" className="block dark:hidden" width="800" height="320" data-path="images/diagrams/intro-hero-light.svg" />

  <img src="https://mintcdn.com/docdiagram/OM9D1I-xYT3RlqTh/images/diagrams/intro-hero-dark.svg?fit=max&auto=format&n=OM9D1I-xYT3RlqTh&q=85&s=fd99eb29dc66e059c7d99ccf71ec7d09" alt="DocDiagram takes a prompt and produces PNG, JPG, PDF, and GIF exports" className="hidden dark:block" width="800" height="320" data-path="images/diagrams/intro-hero-dark.svg" />
</Frame>

DocDiagram is a diagram generator built for technical documentation. Describe what you want, and DocDiagram returns a clean, publication-quality diagram you can drop straight into your docs, slides, or blog posts.

## What you can do

* **Generate from a prompt.** Type a description, get a diagram. No drag-and-drop, no shape libraries to learn.
* **Start from a template.** Architecture diagrams, sequence flows, ER diagrams, org charts, and more.
* **Export anywhere.** PNG, JPG, PDF, and animated GIF. Crisp at any zoom, consistent at any size.
* **Light and dark themes.** Every diagram ships in both, automatically.
* **Brand-aware output.** Paste your site URL and DocDiagram picks up your palette, fonts, and logo for every diagram in the project.

## Who it's for

Engineers, technical writers, and PMs who need diagrams that look good in docs without spending an afternoon in Figma or Lucidchart.

## How it works

1. You write a prompt or pick a template.
2. DocDiagram renders the diagram and the export format you want.
3. You iterate in a chat-style editor until it's right.
4. You export and ship.

## Next steps

<CardGroup cols={2}>
  <Card title="Your first diagram" icon="sparkles" href="/quickstart/your-first-diagram">
    Generate a diagram from a prompt in under a minute.
  </Card>

  <Card title="Start from a template" icon="grid" href="/quickstart/from-a-template">
    Pick a curated example and edit it to fit.
  </Card>

  <Card title="Exporting" icon="download" href="/quickstart/exporting">
    PNG, JPG, PDF, GIF — and when to use each.
  </Card>

  <Card title="Themes & branding" icon="palette" href="/quickstart/themes-and-branding">
    Match your company's look in one click.
  </Card>
</CardGroup>
