Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: [fit] Markdown to Figma Slides. Machine-readable page: /public/assets/downloads/pitchdeck/pitchdeck-markdown-import-demo.md.

Skip to content

autoscale: true background-color: #f8fafc build-lists: notFirst fit-header: #, ## footer: Pitchdeck Markdown Import Demo footer-style: #64748b, alignment(center), text-scale(20), line-height(1) header: #0f172a, alignment(center), text-scale(74), line-height(0.95) header-emphasis: #2563eb image-corner-radius: 18 list: #334155, text-scale(32), line-height(1.2), bullet-color(#2563eb) paragraphs-as-presenter-notes: false presenter-notes: #334155, alignment(left), text-scale(24), line-height(1.15) quote: #0f172a, alignment(center), text-scale(44), line-height(1.08) quote-author: #64748b, alignment(center), text-scale(24) slide-dividers: --- slide-transition: fade(0.35) slidecount: true slidenumbers: true table: margin(18) table-separator: #cbd5e1, stroke-width(2) text: #334155, alignment(center), text-scale(34), line-height(1.14) time-budget: 6

[.background-color: #0f172a] [.header: #ffffff, alignment(center), text-scale(96), line-height(0.92)] [.text: #cbd5e1, alignment(center), text-scale(34), line-height(1.15)] [.footer-style: #94a3b8, alignment(center), text-scale(18)]

[fit] Markdown to Figma Slides

Turn a plain .md deck into editable Pitchdeck slides.

Deckset-style syntax, Figma layers, PowerPoint export.

^ Open by dragging this file into the Pitchdeck import dropzone. The first thing to point out: this is plain Markdown, but it imports as editable Figma slides.


[.background-color: #eff6ff] [.header: #1e3a8a, alignment(center), text-scale(82), line-height(0.95)]

Why Markdown Import?

[.column]

Write fast

  • Draft in any editor
  • Keep slides in Git
  • Reuse existing Markdown notes

[.column]

Design later

  • Import as editable Figma layers
  • Adjust type, layout, and colors
  • Export to PPTX when ready

[.end-columns]

^ This slide is useful for the demo because it shows columns, headings, bullets, and editable text all in one import.


[.background-color: #ffffff] [.header: #0f172a, alignment(left), text-scale(72)] [.text: #475569, alignment(left), text-scale(31), line-height(1.18)]

Deckset-style syntax

Pitchdeck supports familiar presentation Markdown patterns:

  • --- separates slides.
  • # [fit] creates big fitted titles.
  • ^ Notes become presenter notes.
  • [.background-color: #0f172a] customizes one slide.
  • Top-level commands set deck-wide style.
markdown
slide-dividers: ---
slidenumbers: true
footer: Pitchdeck Demo

^ Show the source file here and point at the Deckset-style commands. Then switch back to Figma to show that the imported result stays editable.


[.background-color: #f8fafc] [.header: #0f172a, alignment(center), text-scale(74)]

One file, many layer types

Markdown sourceImported resultEditable in Figma
Headings and paragraphsText layersYes
Lists and quotesStructured textYes
TablesText-based table layoutYes
Mermaid diagramsVector diagramYes
Presenter notesSlide notesYes

^ Tables are a good quick visual proof that the importer is not only making screenshots. The cells come in as editable text-based content.


[.background-color: #ecfdf5] [.header: #065f46, alignment(center), text-scale(80)] [.text: #064e3b, alignment(center), text-scale(32)] [.graph: #059669, #22c55e, #a7f3d0]

From text to a designed deck

mermaid
flowchart LR
  A[Markdown file] --> B[Pitchdeck import]
  B --> C[Editable Figma slides]
  C --> D[Polished deck]
  D --> E[PPTX export]

^ Mermaid is especially good on video because the source is small, but the imported diagram feels like a real slide asset.


[.background-color: #fff7ed] [.header: #9a3412, alignment(center), text-scale(76)] [.text: #7c2d12, alignment(center), text-scale(34)]

Presenter notes are included

A Markdown deck can carry both the slide and the speaker script. -- Pitchdeck Markdown Import

Use ^ at the start of a line to add notes to the imported slide.

^ This note was written in the Markdown file. In the demo, open the slide notes panel after import and show that the note came through.


[.background-color: #f5f3ff] [.header: #4c1d95, alignment(center), text-scale(78)] [.list: #5b21b6, text-scale(34), line-height(1.18), bullet-color(#7c3aed)] [.build-lists: notFirst]

Great for repeatable workflows

  • Product launch decks
  • Weekly status updates
  • Customer research summaries
  • Education and workshop slides
  • Developer docs turned into presentations

^ This slide uses build-list metadata. The imported layers remain editable, and the original intent is preserved as Markdown metadata.


[.background-color: #ffffff] [.header: #0f172a, alignment(left), text-scale(72)] [.text: #334155, alignment(left), text-scale(31), line-height(1.2)]

Local links and anchors

Create internal slide links using normal Markdown anchors.

Jump back to the Deckset syntax slide

External links also import as text hyperlinks:

Visit Hypermatic

^ After import, click or inspect this text layer to show that links survive the trip from Markdown into Figma.


[.background-color: #0f172a] [.header: #ffffff, alignment(center), text-scale(92), line-height(0.92)] [.text: #cbd5e1, alignment(center), text-scale(34), line-height(1.15)] [.footer-style: #94a3b8, alignment(center), text-scale(18)]

[fit] Try it yourself

  1. Drag this .md file into Pitchdeck.
  2. Wait for editable Figma slides.
  3. Tweak text, colors, and layout.
  4. Export a fresh PPTX.

Markdown is the draft. Figma is the studio.

^ Close by showing one quick text edit in Figma, then export or preview the deck. This lands the main value: the Markdown file is not the final artifact, it is the fast starting point.