La importación de Markdown está en BETA. Este importador admite la sintaxis de Deckset para los archivos de presentación Markdown habituales y funciona mejor cuando tu presentación usa Markdown estándar y comandos de presentación para los separadores de diapositivas, los fondos, las imágenes, las notas y los pies de página.

Importar un archivo Markdown

Para importar una presentación Markdown a Figma, abre el plugin Pitchdeck y arrastra un archivo .md, .markdown o .zip de tu ordenador a la zona de importación, debajo de la lista de diapositivas. También puedes hacer clic en la zona de importación y buscar el archivo.

Si tu presentación se escribió para Deckset, puedes importar directamente el mismo archivo Markdown. Pitchdeck admite la sintaxis de Deckset para los separadores de diapositivas, las notas del presentador, las imágenes, los pies de página, los números de diapositiva y otros comandos de presentación compatibles.

Pitchdeck creará una página nueva en tu archivo de Figma actual y añadirá cada diapositiva Markdown como un frame de diapositiva editable de Figma. La mayor parte del contenido importado se crea como capas normales de texto, imagen, vector y diseño de Figma, así que puedes seguir editando la presentación después de importarla.

Comprime en un ZIP el contenido multimedia local junto con tu archivo Markdown. Si tu archivo Markdown hace referencia a imágenes, SVG, vídeos o archivos de audio locales, crea un archivo .zip que contenga un único archivo .md o .markdown y todos los archivos multimedia locales a los que hace referencia. Si no quieres empaquetar archivos locales, usa URL externas directas de imágenes o contenido multimedia.

Contenido Markdown compatible

La importación de Markdown admite el contenido de presentación habitual y lo importa como capas editables de Figma siempre que es posible:

• Encabezados, párrafos, citas, código en línea, bloques de código y fórmulas como texto editable.
• Negrita, cursiva, tachado, superíndice, subíndice, enlaces en línea y estilos de texto sencillos con <span style="">.
• Listas sin ordenar, ordenadas, anidadas y con la numeración del origen.
• Tablas con alineación básica.
• Notas al pie, incluidas las notas al pie con nombre y de varias líneas.
• Notas del presentador a partir de líneas ^ note.
• Anclas y enlaces locales entre diapositivas, incluidos los enlaces [Jump](#slide-anchor).
• Imágenes en línea, imágenes de fondo, imágenes divididas a izquierda y derecha, filas de imágenes, SVG remotos y marcadores de posición para el contenido multimedia que falta.
• Referencias de vídeo y audio como metadatos multimedia o marcadores de posición.
• Diagramas de flujo, grafos y diagramas circulares de Mermaid como diagramas vectoriales.
• Diagramas de cajas y flechas de Pikchr como diagramas vectoriales.

Comandos de presentación

Puedes añadir comandos al principio del archivo Markdown para controlar toda la importación:

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

También puedes añadir comandos para cada diapositiva con la sintaxis de corchetes:

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

# Slide title

Algunos comandos se conservan como metadatos para no perder la intención original del Markdown, aunque Figma no tenga un equivalente editable directo.

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

Para las transiciones de diapositivas, usa valores como dissolve(0.4), fade(0.4), push(left, 0.4), move(right, 0.4) o reveal(bottom, 0.4). dissolve y fade solicitan la misma transición de tipo disolución.

Separadores de diapositivas y anclas

Usa --- para separar las diapositivas. Si prefieres que los saltos de diapositiva se basen en los encabezados, añade un comando slide-dividers al principio del archivo.

slide-dividers: ####

# First slide

---

#### Second slide

Puedes añadir anclas a los encabezados o con etiquetas de ancla HTML:

# Closing Summary {#closing-summary}

<a name="pricing-slide"/>

Los enlaces externos se importan como hipervínculos de texto de Figma. Los enlaces locales que apuntan al ancla de una diapositiva importada se convierten en enlaces de navegación de prototipo de Figma cuando se han creado todas las diapositivas.

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

Imágenes y contenido multimedia

Usa la sintaxis normal de imágenes de Markdown:

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

En el caso de las imágenes locales, mantén las rutas de los archivos referenciados dentro del mismo .zip que el archivo Markdown:

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

Después, haz referencia a esos archivos desde el Markdown:

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

Si una imagen no está incluida en la importación comprimida, usa una URL externa directa:

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

Estos son algunos modificadores de imagen habituales:

• inline para contenido en línea en la diapositiva.
• left o right para diseños de diapositiva con la imagen a un lado.
• fit o fill para el escalado de la imagen.
• alpha(0.6) para la opacidad de la imagen.
• corner-radius(16) para redondear las esquinas de la imagen.
• bn, bw, vivid, noir, chrome, fade, saturation(), blur(), contrast(), brightness(), exposure(), sepia(), vignette() y sharpen() para aproximaciones estáticas de filtros de imagen.

Las líneas que solo contienen imágenes al principio de una diapositiva se tratan como imágenes de fondo. Las imágenes de fondo SVG se importan como contenido vectorial normal, no como rellenos de imagen de Figma.

Las referencias de vídeo y audio se conservan como metadatos multimedia de Markdown. Si el archivo multimedia se puede localizar, Pitchdeck crea un marcador de posición con los metadatos del archivo; si no, crea un marcador de posición claro de contenido multimedia que falta para que la importación pueda continuar.

Diagramas

Los bloques de código delimitados de Mermaid y Pikchr se importan como diagramas vectoriales en los tipos de diagrama compatibles.

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

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

Los diagramas de Mermaid o Pikchr más complejos pueden importarse como una tarjeta vectorial alternativa con el código fuente, para que el código original del diagrama siga visible y editable después de la importación.

Tablas y notas al pie

Las tablas de Markdown se importan como diseños de tabla editables basados en texto:

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

Las notas al pie se agrupan en las diapositivas que hacen referencia a ellas:

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

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

Notas del presentador

Usa líneas que empiecen por ^ para añadir notas del presentador a una diapositiva:

# Slide title

Visible slide content.

^ This note is saved with the imported slide.

Las notas del presentador se guardan en la diapositiva importada como datos de diapositiva de Pitchdeck y como datos del plugin específicos de Markdown, para que Pitchdeck pueda usarlas después de la importación.

Limitaciones actuales

• La sintaxis de las fórmulas se mantiene visible como texto editable; no se convierte en un diagrama matemático renderizado.
• Los comandos de listas progresivas se conservan como metadatos de Markdown, pero no se convierten en pasos de aparición nativos de las capas de Figma.
• Los comandos de transición de diapositivas solo se guardan como metadatos en las importaciones a archivos de diseño de Figma normales. Al importar a un archivo de Figma Slides, Pitchdeck intenta aplicar la transición de diapositiva nativa de Figma más parecida si la API de Figma lo permite.
• Si buscas un efecto de "disolución entre diapositivas", usa el comando slide-transition descrito arriba en tu código Markdown en lugar de buscar un ajuste de diapositiva específico de Pitchdeck en los archivos de diseño de Figma normales.
• Los archivos de audio no se reproducen directamente desde los frames de Figma importados; las referencias de audio se conservan como metadatos o marcadores de posición.
• La importación de contenido multimedia remoto depende de que el plugin pueda acceder directamente a la URL.
• Algunos comandos de diagramas y filtros de imagen se aproximan al comportamiento de Figma más parecido disponible.

Solución de problemas

Si la importación parece lenta, espera a que el importador termine de preparar las diapositivas Markdown. Los archivos Markdown más grandes con muchas imágenes remotas pueden tardar más, porque el plugin tiene que obtener esos recursos antes de poder renderizar la presentación.

Si falta una imagen, un vídeo o un archivo de audio después de la importación, vuelve a importar el archivo Markdown e incluye los archivos multimedia locales referenciados en la misma acción de arrastrar y soltar.

Si un enlace local no lleva a otra diapositiva, comprueba que la diapositiva de destino tiene un ancla única y que el enlace usa el mismo ID de ancla.

Crear presentaciones Markdown con IA

Usa la IA para redactar una presentación .md compatible. Puedes pedir a herramientas de IA como OpenAI, Claude o Gemini que conviertan ideas para diapositivas, esquemas, notas de reuniones, transcripciones o documentos existentes en Markdown compatible con Pitchdeck. Para obtener los mejores resultados, pide solo Markdown sin formato, usa --- entre las diapositivas, usa encabezados # y ##, añade notas del presentador con ^ y evita el HTML no compatible y el CSS personalizado.

Aquí tienes algunos prompts de ejemplo que puedes copiar y adaptar:

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]

Ejemplo de Markdown para empezar

Si quieres probar rápidamente la importación de Markdown, copia y pega el ejemplo siguiente en un archivo .md nuevo, o descarga una presentación de demostración más completa:

Descarga el archivo .md de demostración de la importación de Markdown de Pitchdeck

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.

Límites de tamaño de archivo

Los archivos que importas pueden ocupar hasta 100 MB antes de extraerlos. Cada archivo dentro de un archivo comprimido puede ocupar hasta 64 MB, con un máximo de 10.000 archivos y 256 MB de contenido extraído en total, incluidos los paquetes anidados. Si una importación supera estos límites, divide el documento o reduce el tamaño de sus imágenes y vuelve a intentarlo.