Skip to content
Diagram Generator icon

Diagram Generator

Render Mermaid, PlantUML & more

Diagram Generator renders text-based diagram source code into SVG or PNG images with a permanent shareable URL. Mermaid, PlantUML, Graphviz DOT, D2, C4-PlantUML, ERD, DBML, and more — one tool for every diagram format.

Writing a diagram in code is faster than dragging boxes in a GUI, but rendering it usually requires installing tools or finding an online editor. This tool takes the source code and returns a rendered image plus a permanent URL you can embed in docs, wikis, or presentations without hosting anything yourself.

What you can do

  • generate_diagram — render any diagram from text source in Mermaid, PlantUML, Graphviz DOT, D2, C4-PlantUML, ERD, DBML, blockdiag, seqdiag, or actdiag

Who it's for

Developers documenting system architecture, technical writers creating process flows, data engineers modeling schemas, and anyone who prefers writing diagrams in code over drag-and-drop tools.

How to use it

  1. Write your diagram source code in any supported format
  2. Use generate_diagram and pass the source and type (default is mermaid)
  3. Choose format: svg for scalable output that works at any size, png for raster images
  4. The response includes a diagram_url — a permanent link that renders the diagram on demand, ready to embed anywhere

Getting started

No setup needed. Start with Mermaid if you're not sure which format to use — it's the most readable and covers flowcharts, sequence diagrams, class diagrams, and Gantt charts.

Information

Price
Free
fal.ai API Key
Optional: use your own fal.ai key instead of the platform default · Get key
Prodia API Token
Optional: use your own Prodia token instead of the platform default · Get key
Higgsfield API Key
Optional: use your own Higgsfield key instead of the platform default · Get key
Photalabs API Key
Optional: use your own Photalabs key instead of the platform default · Get key
Google AI API Key
Optional: use your own Google AI key instead of the platform default · Get key
OpenRouter API Key
Optional: use your own OpenRouter key instead of the platform default · Get key
ElevenLabs API Key
Optional: use your own ElevenLabs key instead of the platform default · Get key
Runway API Secret
Optional: use your own Runway key instead of the platform default · Get key

Guides using Diagram Generator

  • How to Make Images in ClaudeClaude can't natively make photos or illustrations. Here's how to generate, edit, and chain image workflows inside Claude with one connector.

Frequently Asked Questions

What kinds of diagrams can I generate?

`generate_diagram` supports Mermaid, PlantUML, Graphviz DOT, D2, C4-PlantUML, ERD, DBML, and similar text-based diagram formats.

Do I get an image file or just text output?

You get a rendered SVG or PNG plus a permanent shareable URL, so the diagram can be embedded or downloaded after it is generated.

What should I pass for the diagram type?

Pass the source code and the format type, and use `mermaid` if you want the default. SVG is the default output format for scalable diagrams.

Is this good for architecture and flowcharts?

Yes. It is built for architecture diagrams, flowcharts, sequence diagrams, and other structured visuals where text source is easier to version than pixels.

Related Tools

Open Social Media Content
Social Media Content icon
Social Media ContentPosts & videos from 10+ platforms35 skills · from $0.005
Rated 5.0 of 5 —1