Empezar gratis
Menú de la documentación

Convertir desde Adobe XD

Paso a paso: convierte un archivo de Adobe XD (.xd) en contenido de WordPress. Disponible desde el plan Pro.

Importar archivos .xd está disponible desde el plan Pro (Pro, Agency y Studio). Subes el propio archivo: no hace falta ningún paso de exportación.

Cuentas Free y Starter

Al elegir un archivo .xd, Tapeto lo 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.

Se leen todas las artboards del archivo y se convierten en secciones consecutivas de una única página convertida. Para un sitio con varias páginas, usa un archivo por página u otro origen.

Antes de empezar

  • Una cuenta Pro, Agency o Studio.
  • El archivo .xd, de hasta 5–200 MB (según el plan).
  • Tu WordPress, si vas a publicar: consulta la guía de ZIP / HTML.

Paso 1 — Prepara el diseño en Adobe XD

  1. Coloca la página en artboards con ancho de escritorio, en el orden en que quieres que aparezcan (de arriba abajo).
  2. Nombra tus artboards y capas según su función — Header, Hero, Footer, Card.
  3. Usa objetos de texto reales y fuentes disponibles en Google Fonts.
  4. Mantén las imágenes y los SVG dentro del archivo: viajan en el paquete .xd y se detectan como recursos.
  5. Elimina las artboards que no quieras convertir.

Paso 2 — Crea el proyecto

  1. En Tapeto pulsa Nuevo proyecto y escribe un nombre.
  2. Quédate en la pestaña Archivo (la misma que se usa para ZIP / HTML).
  3. Suelta el archivo .xd en la zona. Tapeto lo reconoce por su extensión.
  4. Pulsa Crear proyecto y espera a que el estado sea «procesado».

Si el archivo no se puede abrir como paquete XD, el proyecto termina en «error» con el motivo.

Paso 3 — 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.
  3. Revisa las imágenes y sustituye desde la Biblioteca de medios las que falten después de importar.

Paso 4 — Lleva el resultado a WordPress

  1. Descargar archivos o Copiar desde la pestaña Contenido e importar a mano — la pestaña Instrucciones muestra los pasos para tu builder.
  2. O Exportar WXR e importarlo desde Herramientas → Importar → WordPress (sin plugin).
  3. O Publicar en WordPress: con el plugin instalado 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. Consulta la guía de ZIP / HTML para el procedimiento completo.
  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.