🎂 It's our birthday month! yUML is 17 — get 17% off Pro with code HAPPY-17TH-BIRTHDAY Claim 17% off →

Create and share diagrams that help people get it.

UML, user journeys, roadmaps and more. Type a few words, get a beautiful diagram you can share anywhere.

Open the Playground →   See Examples

  10,097 diagrams rendered today

Trusted by teams at — since 2009

Three ways to create diagrams

No fiddly drag-and-drop layout. Just type, render, and share.

[Customer|name;email|placeOrder()] [Order|date;total;status|ship();cancel()] [Product|name;sku;price] [Customer]-0..*>[Order] [Order]++-*>[Product]
1

Type it in the editor

Write a few words of concise syntax and see your diagram update live. No alignment tools, no snapping, no layout headaches.

Open the playground →

2

Generate from code or CI

Because diagrams are text, you can create them from scripts, CI pipelines, or any language that can make an HTTP request. Tool vendors use this to integrate yUML with blogs, wikis, and docs.

# Render a class diagram via the API curl https://app.yuml.me/diagram/v1/class/sketch/ \ %5BUser%7Cname%5D-%3E%5BAccount%5D.svg \ -o diagram.svg # Or embed directly in Markdown ![Class diagram](https://app.yuml.me/diagram/v1/ class/sketch/%5BUser%5D-%3E%5BAccount%5D.svg)
<!-- Embed in any web page or wiki --> <img src="https://app.yuml.me/diagram/v1/ class/sketch/%5BUser%5D-%3E%5BAccount%5D.svg" alt="Class diagram" /> <!-- Or use the SVG in Figma, Slack, Confluence, Notion... anywhere. -->
3

Embed anywhere

Drop a URL into GitHub, Slack, Confluence, Notion, or a plain <img> tag. The SVG renders beautifully at any size. Copy into Figma, Keynote, or Google Slides as a vector.

13 diagram types and counting

Software, product, and chart diagrams — all from text

Use Case
State
Sequence
Bar Chart
Line Chart
Pie Chart
User Journey
Roadmap
Activity
Timeline
C4 Architecture
Column Chart
Class
Explore the Gallery →

See all styles applied to every diagram type

[Customer|name;email|placeOrder()] [Order|date;total|ship()] [Customer]-orders>[Order]

Shorter than other text-to-diagram tools.

yUML's concise syntax means fewer characters, fewer errors, and fewer AI tokens when generating diagrams with LLMs.

Try it in the playground →

Built for the age of AI agents

Structured syntax

A consistent, predictable grammar that AI models can learn and reproduce reliably

API-first

Server-side rendering with a simple authenticated API — perfect for automation

Fewest tokens

The most concise syntax of any text-to-diagram tool — fewer tokens, fewer errors

For writers, founders and educators

Diagrams take time. Most blog posts, decks and explainers ship without one, or with one that took longer than the rest of the work. yUML brings the cost down enough that adding a diagram feels closer to adding a code block.

  • A few lines of text becomes a polished SVG you can paste into any blog, deck or doc.
  • Saved diagrams stay editable, so you can revise them as your post or pitch evolves.
  • Export the SVG and edit in Figma if you ever need to. Nothing about your work is locked into yUML.

Open the playground →

Hand-drawn charts, generated from text in a few seconds.

# Generate an architecture diagram # from CI after each deploy curl -X POST https://app.yuml.me/diagram \ -H "Authorization: Bearer $YUML_KEY" \ -H "Content-Type: application/json" \ -d '{ "type": "c4", "style": "clean", "dsl": "[Web]->[API]->[Database]" }' > architecture.svg # Or have an AI agent draft one # from your repo and POST it for you.

For engineers and AI builders

Architecture diagrams in docs tend to drift out of date because updating them is a separate task. yUML's text format means diagrams can live alongside code, generated from CI on every PR, from a script when something changes, or from an AI agent looking at the codebase.

  • One HTTP call per diagram, returning SVG or PNG. Works from any language or workflow that can call an API.
  • Concise syntax that AI models already write fluently, often in fewer tokens than alternatives.
  • Pro accounts can bypass our render cache, so the diagrams you generate aren't held on our servers.

Read the API docs →

Start diagramming in seconds

Create Free Account

Or try the playground first →

No credit card required.