Empezar gratis
Menú de la documentación

Convertir desde Penpot

Paso a paso: convierte un diseño de Penpot en contenido de WordPress con la exportación JSON. Disponible desde el plan Pro.

Importar desde Penpot está disponible desde el plan Pro (Pro, Agency y Studio). Tapeto lee el JSON del archivo de Penpot.

Cuentas Free y Starter

La pestaña Penpot muestra una insignia Pro y la creación del proyecto se rechaza con «Tu plan no incluye esta fuente». Con Free o Starter puedes usar en su lugar un sitio ZIP / HTML o Figma, o mejorar el plan desde Ajustes → Plan y facturación. Cuando estés en Pro, sigue los pasos de abajo.

Tapeto convierte la primera página del archivo de Penpot. Para un sitio con varias páginas, crea un proyecto por página (cada uno cuenta para tu límite mensual).

Antes de empezar

  • Una cuenta Pro, Agency o Studio.
  • El archivo de Penpot como JSON (.json, hasta 5–200 MB (según el plan)). El paquete binario .penpot no se acepta directamente.
  • Tu WordPress, si vas a publicar: consulta la guía de ZIP / HTML.

Paso 1 — Prepara el diseño en Penpot

  1. Construye cada sección como un tablero y usa layout flex (fila o columna, con separaciones y relleno): se convierte en contenedores flex reales.
  2. Nombra tus tableros y capas según su función — Header, Hero, Footer, Card, Button.
  3. Usa capas de texto reales y fuentes disponibles en Google Fonts.
  4. Quita de la página que vas a convertir lo que no necesites.

Paso 2 — Obtén el JSON

Tapeto necesita los datos del archivo en JSON: un objeto que contenga pages-index (o pages / objects). Una forma de obtenerlo es la API de Penpot con un token de acceso (Perfil → Access tokens), pidiendo los datos del archivo y guardando la respuesta como un archivo .json.

Paso 3 — Crea el proyecto

  1. En Tapeto pulsa Nuevo proyecto y escribe un nombre.
  2. Abre la pestaña Penpot.
  3. Suelta el archivo .json en la zona (o haz clic para elegirlo).
  4. Pulsa Crear proyecto y espera a que el estado sea «procesado».

Si el JSON no tiene una estructura de Penpot reconocible, el proyecto termina en «error» con un mensaje que lo indica.

Paso 4 — Elige el builder y convierte

  1. Abre el proyecto y elige Gutenberg o Elementor.
  2. Pulsa Convertir, espera a que la conversión esté completada y revisa la Preview y el Fidelity Score.

Paso 5 — Lleva el resultado a WordPress

Penpot es una función Pro, así que tu cuenta puede usar todas las rutas de salida:

  1. Descargar archivos o Copiar desde la pestaña Contenido e importar a mano — consulta la pestaña Instrucciones para tu builder.
  2. O Exportar WXR e importarlo desde Herramientas → Importar → WordPress.
  3. O Publicar en WordPress: con el plugin instalado en tu sitio y el sitio añadido en Conexiones WP (3 sitios en Pro, 10 en Agency, ilimitados en Studio), la página se crea como borrador. El procedimiento completo está en la guía de ZIP / HTML.
  4. En Agency y Studio, el WXR puede incluir además los tipos de contenido propios y los bucles.

Siguiente paso

Consulta Exportar resultados y Conectar WordPress.