Der Markdown-Import ist in der BETA-Phase. Dieser Importer unterstützt die Deckset-Syntax für gängige Markdown-Präsentationsdateien und funktioniert am besten, wenn deine Präsentation Standard-Markdown plus präsentationstypische Befehle für Folientrenner, Hintergründe, Bilder, Notizen und Fußzeilen verwendet.

Eine Markdown-Datei importieren

Um eine Markdown-Präsentation in Figma zu importieren, öffne das Plugin Pitchdeck und zieh eine .md-, .markdown- oder .zip-Datei von deinem Computer in den Import-Ablagebereich unter der Folienliste. Du kannst auch auf den Ablagebereich klicken und die Datei auswählen.

Wenn deine Präsentation für Deckset geschrieben wurde, kannst du dieselbe Markdown-Datei direkt importieren. Pitchdeck unterstützt die Deckset-Syntax für Folientrenner, Sprechernotizen, Bilder, Fußzeilen, Foliennummern und weitere unterstützte Präsentationsbefehle.

Pitchdeck legt in deiner aktuellen Figma-Datei eine neue Seite an und fügt jede Markdown-Folie als bearbeitbaren Folien-Frame in Figma hinzu. Die meisten importierten Inhalte werden als normale Text-, Bild-, Vektor- und Layout-Ebenen in Figma angelegt, sodass du die Präsentation nach dem Import weiter bearbeiten kannst.

Lokale Medien zusammen mit deiner Markdown-Datei zippen. Wenn deine Markdown-Datei auf lokale Bilder, SVGs, Videos oder Audiodateien verweist, erstelle eine .zip-Datei, die eine .md- oder .markdown-Datei und alle lokalen Mediendateien enthält, auf die sie verweist. Wenn du keine lokalen Dateien bündeln möchtest, verwende stattdessen direkte externe URLs für Bilder oder Medien.

Unterstützte Markdown-Inhalte

Der Markdown-Import unterstützt gängige Präsentationsinhalte und importiert sie, wo möglich, als bearbeitbare Figma-Ebenen:

• Überschriften, Absätze, Zitate, Inline-Code, Codeblöcke und Formeln als bearbeitbarer Text.
• Fett, kursiv, durchgestrichen, hochgestellt, tiefgestellt, Inline-Links und einfache Textformatierung mit <span style="">.
• Ungeordnete, geordnete, verschachtelte und in der Quelle nummerierte Listen.
• Tabellen mit einfacher Ausrichtung.
• Fußnoten, einschließlich benannter und mehrzeiliger Fußnoten.
• Sprechernotizen aus Zeilen mit ^ note.
• Lokale Folienanker und -links, einschließlich Links wie [Jump](#slide-anchor).
• Inline-Bilder, Hintergrundbilder, geteilte Bilder links/rechts, Bildreihen, Remote-SVGs und Platzhalter für fehlende Medien.
• Video- und Audioverweise als Medien-Metadaten oder Platzhalter.
• Mermaid-Flussdiagramme, -Graphen und -Kreisdiagramme als Vektordiagramme.
• Pikchr-Diagramme mit Kästen und Pfeilen als Vektordiagramme.

Präsentationsbefehle

Ganz oben in der Markdown-Datei kannst du Befehle hinzufügen, die den gesamten Import steuern:

autoscale: true
background-image: hero.png
build-lists: notFirst
fit-header: #, ##
footer: Confidential
image-corner-radius: 18
paragraphs-as-presenter-notes: false
slide-dividers: ####
slidecount: true
slidenumbers: true
time-budget: 12

Mit der Klammersyntax kannst du außerdem Befehle für einzelne Folien hinzufügen:

[.background-color: #111827]
[.footer: Local footer override]
[.slidenumbers: false]

# Slide title

Manche Befehle werden als Metadaten beibehalten, damit die ursprüngliche Absicht des Markdowns nicht verloren geht, auch wenn Figma keine direkte bearbeitbare Entsprechung hat.

build-lists: notFirst
slide-transition: dissolve(0.4)
time-budget: 12

Für Folienübergänge verwendest du Werte wie dissolve(0.4), fade(0.4), push(left, 0.4), move(right, 0.4) oder reveal(bottom, 0.4). dissolve und fade fordern beide denselben Überblendungsübergang an.

Folientrenner und Anker

Trenne Folien mit ---. Wenn du Folienumbrüche lieber an Überschriften festmachst, füge ganz oben in der Datei einen Befehl slide-dividers hinzu.

slide-dividers: ####

# First slide

---

#### Second slide

Anker kannst du an Überschriften oder mit HTML-Anker-Tags setzen:

# Closing Summary {#closing-summary}

<a name="pricing-slide"/>

Externe Links werden als Text-Hyperlinks in Figma importiert. Lokale Links, die auf einen importierten Folienanker zeigen, werden in Navigationslinks für Figma-Prototypen umgewandelt, nachdem alle Folien angelegt wurden.

[Visit Hypermatic](https://hypermatic.com)
[Jump to closing](#closing-summary)

Bilder und Medien

Für Bilder verwendest du die normale Markdown-Bildsyntax:

![inline 50%](diagram.png)
![left fit](product-shot.png)
![right alpha(0.6)](panel.png)

Bei lokalen Bildern müssen die referenzierten Dateipfade in derselben .zip-Datei liegen wie die Markdown-Datei:

presentation.zip
  deck.md
  images/hero.png
  diagrams/flow.svg

Verweise dann im Markdown auf diese Dateien:

![inline](images/hero.png)
![inline](diagrams/flow.svg)

Wenn ein Bild nicht im gezippten Import enthalten ist, verwende stattdessen eine direkte externe URL:

![inline](https://example.com/images/hero.png)

Häufige Bildmodifikatoren sind:

• inline für Inline-Inhalte auf der Folie.
• left oder right für Folienlayouts mit geteiltem Bild.
• fit oder fill für die Bildskalierung.
• alpha(0.6) für die Deckkraft des Bildes.
• corner-radius(16) für abgerundete Bildecken.
• bn, bw, vivid, noir, chrome, fade, saturation(), blur(), contrast(), brightness(), exposure(), sepia(), vignette() und sharpen() als statische Annäherung an Bildfilter.

Zeilen am Anfang einer Folie, die nur ein Bild enthalten, werden als Hintergrundbilder behandelt. SVG-Hintergrundbilder werden als normale Vektorinhalte statt als Bildfüllungen in Figma importiert.

Video- und Audioverweise bleiben als Markdown-Medien-Metadaten erhalten. Wenn sich die Mediendatei auflösen lässt, erstellt Pitchdeck anhand der Datei-Metadaten einen Platzhalter; andernfalls erstellt es einen deutlich erkennbaren Platzhalter für fehlende Medien, damit der Import fortgesetzt werden kann.

Diagramme

Umzäunte Codeblöcke mit Mermaid und Pikchr werden für die unterstützten Diagrammtypen als Vektordiagramme importiert.

```mermaid
flowchart LR
  A[Markdown] --> B[Pitchdeck]
  B --> C[Figma]
```

```pikchr
box "Markdown"
arrow right
box "Figma"
```

Komplexere Mermaid- oder Pikchr-Diagramme werden eventuell ersatzweise als Vektorkarte mit dem Quelltext importiert, sodass der ursprüngliche Diagrammquelltext nach dem Import sichtbar und bearbeitbar bleibt.

Tabellen und Fußnoten

Markdown-Tabellen werden als bearbeitbare, textbasierte Tabellenlayouts importiert:

| Left | Center | Right |
| --- | :---: | ---: |
| Plain | _Emphasis_ | **Strong** |

Fußnoten werden auf den Folien gesammelt, die auf sie verweisen:

Here is a claim with a footnote.[^source]

[^source]: First footnote line.
  Continuation line for the same footnote.

Sprechernotizen

Mit Zeilen, die mit ^ beginnen, fügst du einer Folie Sprechernotizen hinzu:

# Slide title

Visible slide content.

^ This note is saved with the imported slide.

Sprechernotizen werden auf der importierten Folie als Pitchdeck-Foliendaten und als Markdown-spezifische Plugin-Daten gespeichert, sodass Pitchdeck sie nach dem Import nutzen kann.

Aktuelle Einschränkungen

• Formelsyntax bleibt als bearbeitbarer Text sichtbar; sie wird nicht in eine gerenderte mathematische Darstellung umgewandelt.
• Befehle für schrittweise Listen (Build Lists) bleiben als Markdown-Metadaten erhalten, werden aber nicht in native Aufbauschritte für Figma-Ebenen umgewandelt.
• Befehle für Folienübergänge sind beim Import in normale Figma-Designdateien reine Metadaten. Beim Import in eine Figma-Slides-Datei versucht Pitchdeck, den nächstliegenden nativen Folienübergang von Figma anzuwenden, sofern die Figma-API das unterstützt.
• Wenn du einen Überblendungseffekt zwischen Folien suchst, verwende den oben beschriebenen Befehl slide-transition in deiner Markdown-Quelle, statt in normalen Figma-Designdateien nach einer separaten Pitchdeck-Folieneinstellung zu suchen.
• Audiodateien werden in importierten Figma-Frames nicht direkt abgespielt; Audioverweise bleiben als Metadaten bzw. Platzhalter erhalten.
• Der Import von Remote-Medien setzt voraus, dass die URL für das Plugin direkt erreichbar ist.
• Manche Diagramm- und Bildfilterbefehle werden angenähert, damit sie dem nächstliegenden verfügbaren Verhalten in Figma entsprechen.

Fehlerbehebung

Wenn der Import langsam wirkt, warte bitte, bis der Importer die Markdown-Folien fertig vorbereitet hat. Größere Markdown-Dateien mit vielen Remote-Bildern können länger dauern, weil das Plugin diese Assets auflösen muss, bevor es die Präsentation rendern kann.

Wenn nach dem Import ein Bild, ein Video oder eine Audiodatei fehlt, importiere die Markdown-Datei erneut und zieh die referenzierten lokalen Mediendateien im selben Drag-and-drop-Vorgang mit hinein.

Wenn ein lokaler Folienlink nicht zu einer anderen Folie springt, prüfe, ob die Zielfolie einen eindeutigen Anker hat und der Link dieselbe Anker-ID verwendet.

Markdown-Präsentationen mit KI erstellen

Lass KI eine kompatible .md-Präsentation entwerfen. Du kannst KI-Tools wie OpenAI, Claude oder Gemini bitten, Folienideen, grobe Gliederungen, Besprechungsnotizen, Transkripte oder vorhandene Dokumente in Pitchdeck-kompatibles Markdown umzuwandeln. Die besten Ergebnisse erzielst du, wenn du nur reines Markdown anforderst, --- zwischen den Folien und Überschriften mit # und ## verwendest, Sprechernotizen mit ^ hinzufügst und auf nicht unterstütztes HTML oder eigenes CSS verzichtest.

Hier sind ein paar Beispiel-Prompts, die du kopieren und anpassen kannst:

Turn the notes below into a Pitchdeck-compatible Markdown presentation.

Use Deckset-style syntax with:
- `---` between slides
- `#` for slide titles
- concise bullets
- Markdown tables where useful
- `^` lines for presenter notes

Add these commands at the top of the file:
autoscale: true
fit-header: #, ##
slide-dividers: ---
slidenumbers: true

Output only the final .md file content, with no explanation.

Notes:
[paste your notes here]

Create a 10-slide product demo deck as a Pitchdeck Markdown import file.

Use a strong title slide, problem slide, workflow slide, feature slides, a comparison table slide, and a closing slide.
Use `---` to separate slides, `#` and `##` for headings, and `^` lines for presenter notes.
Add simple per-slide commands like `[.background-color: #f8fafc]` only where they help the design.

Do not use unsupported HTML layouts or custom CSS.
Output only Markdown.

Convert this meeting transcript into an executive summary deck for Pitchdeck.

Keep each slide focused on one idea.
Include slide titles, 3-5 bullets per slide, and presenter notes that summarize what to say.
Use Deckset-style Markdown syntax compatible with Pitchdeck import:
- `---` between slides
- `#` and `##` headings
- Markdown tables where comparison is useful
- `^` lines for presenter notes

Output only the .md file.

Transcript:
[paste your transcript here]

Markdown-Beispiel für den Einstieg

Wenn du den Markdown-Import schnell ausprobieren möchtest, kopiere das Beispiel unten in eine neue .md-Datei oder lade eine umfangreichere Demo-Präsentation herunter:

Die .md-Demodatei für den Markdown-Import von Pitchdeck herunterladen

autoscale: true
background-color: #f8fafc
fit-header: #, ##
footer: Pitchdeck Markdown Import Demo
slide-dividers: ---
slidecount: true
slidenumbers: true

[.background-color: #0f172a]
[.header: #ffffff, alignment(center), text-scale(92)]
[.text: #cbd5e1, alignment(center), text-scale(34)]

# [fit] Markdown to Figma Slides

Turn a plain `.md` deck into editable Pitchdeck slides.

^ This note is saved as a presenter note on the imported slide.

---

# 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]

---

# One file, many layer types

| Markdown source | Imported result |
| --- | :---: |
| Headings and paragraphs | Editable text |
| Lists and quotes | Structured text |
| Tables | Text-based table layout |
| Presenter notes | Slide notes |

---

[.background-color: #ecfdf5]
[.header: #065f46, alignment(center), text-scale(76)]

# Try it yourself

1. Save this as `pitchdeck-demo.md`.
2. Open Pitchdeck in Figma.
3. Drag the `.md` file into the import dropzone.
4. Edit the imported slides in Figma.

Dateigrößenlimits

Importdateien dürfen vor dem Entpacken bis zu 100 MB groß sein. Jede Datei in einem Archiv darf bis zu 64 MB groß sein, bei insgesamt bis zu 10.000 Dateien und 256 MB entpacktem Inhalt, verschachtelte Pakete eingeschlossen. Überschreitet ein Import diese Limits, teil das Dokument auf oder verkleinere seine Bilder und versuch es dann erneut.