Markdown

Markdown Figure Generator

Create figures with captions using HTML valid in Markdown.

Lines: src | caption

Figure HTML (valid in Markdown)

<figure>
  <img src="/charts/revenue.png" alt="Quarterly revenue, 2024" />
  <figcaption>Quarterly revenue, 2024</figcaption>
</figure>

<figure>
  <img src="/diagrams/architecture.png" alt="System architecture" />
  <figcaption>System architecture</figcaption>
</figure>

How it works

1Enter “src | caption” per line.
2Each becomes a <figure> with an <img> and <figcaption>.
3Copy the figures.

Use cases

Add captioned images to docs.
Create accessible figures.
Caption charts and diagrams.

Frequently asked questions

Why HTML instead of Markdown?

Markdown has no native caption syntax; <figure>/<figcaption> is the accessible standard and works in most Markdown renderers.

Is alt text included?

Yes. The caption is also used as the image alt text.

Is it private?

Yes. Everything runs locally in your browser; nothing is uploaded.

Markdown Editor

A fast, free online Markdown editor with live side-by-side preview.

Live Markdown Preview

Paste Markdown and see it rendered live, side by side, as you edit.

Split View Markdown Editor

A two-pane Markdown editor with the source and live preview side by side.

Fullscreen Markdown Editor

An immersive, full-window Markdown editor with live preview.