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 source | Imported result | Editable in Figma |
| --- | :---: | :---: |
| Headings and paragraphs | Text layers | Yes |
| Lists and quotes | Structured text | Yes |
| Tables | Text-based table layout | Yes |
| Mermaid diagrams | Vector diagram | Yes |
| Presenter notes | Slide notes | Yes |

^ 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 {#summary}

Create internal slide links using normal Markdown anchors.

[Jump back to the Deckset syntax slide](#deckset-style-syntax)

External links also import as text hyperlinks:

[Visit Hypermatic](https://hypermatic.com)

^ 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.