El proceso de conversión, paso a paso NUEVO
Del archivo de diseño a la página de WordPress: los mismos cinco pasos para ZIP/HTML, Figma, Penpot y Adobe XD, y qué cambia entre cuentas Free y de pago.
Partas de lo que partas — un ZIP con HTML, un archivo de Figma, una exportación de Penpot o un archivo de Adobe XD — una conversión siempre sigue los mismos cinco pasos. Lo que cambia es cómo preparas el origen y qué puedes hacer con el resultado, que depende de tu plan.
Los cinco pasos
- Prepara el diseño. Deja el origen listo en su propia herramienta (un ZIP con tus páginas, un enlace de Figma, una exportación JSON, un archivo
.xd). Cada origen tiene su guía, enlazada más abajo. - Crea un proyecto. En la app pulsa Nuevo proyecto, elige la pestaña del origen, ponle un nombre y pulsa Crear proyecto. Tapeto lee el archivo y el proyecto pasa de «pendiente» a «procesando» y a «procesado». Cada proyecto que creas cuenta para tu límite mensual.
- Elige un builder y convierte. Abre el proyecto, elige un builder (Gutenberg en todos los planes, Elementor desde Starter) y pulsa Convertir. La conversión pasa de en cola a procesando y a completada. Puedes lanzar más conversiones sobre el mismo proyecto — por ejemplo una por builder — sin crear otro proyecto.
- Revisa el resultado. En la página de la conversión mira las pestañas Preview, Contenido, Header / Footer / Sidebar e Instrucciones, y el Fidelity Score: una estimación de 0 a 100 de lo parecido que es el resultado a tu diseño.
- Llévalo a WordPress. Cómo lo hagas depende de tu plan: copiar o descargar los archivos e importarlos a mano (Free), o exportar un archivo WXR / publicar directamente en un sitio conectado (Starter y superiores).
¿Qué origen puedo usar?
| Origen | Qué le das a Tapeto | Planes | Guía paso a paso |
|---|---|---|---|
| ZIP / HTML | Un .zip con .html, .css e imágenes (o un único .html) — máx. 5–200 MB (según el plan) |
Todos | Convertir un ZIP / HTML |
| Figma | El enlace del archivo o frame más un token de acceso personal, o el JSON exportado de Figma — máx. 5–200 MB (según el plan) | Todos | Convertir desde Figma |
| Penpot | La exportación JSON del archivo de Penpot — máx. 5–200 MB (según el plan) | Pro y superiores | Convertir desde Penpot |
| Adobe XD | El archivo .xd — máx. 5–200 MB (según el plan) |
Pro y superiores | Convertir desde Adobe XD |
También puedes importar un repositorio de GitHub (público o privado) desde la pestaña GitHub; sigue el mismo flujo que un ZIP.
Qué incluye tu plan
| Free | Starter | Pro | Agency | Studio | |
|---|---|---|---|---|---|
| Proyectos al mes | 1 | 5 | 20 | 40 | Ilimitados |
| ZIP / HTML, Figma, GitHub | Sí | Sí | Sí | Sí | Sí |
| Penpot, Adobe XD, Stitch | — | — | Sí | Sí | Sí |
| Builders disponibles hoy | Gutenberg | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor | Gutenberg, Elementor |
| Descargar archivos e importar a mano | — | Sí | Sí | Sí | Sí |
| Exportar WXR (páginas, menús, cabecera / pie) | — | Sí | Sí | Sí | Sí |
| WXR con tipos de contenido propios y bucles | — | — | — | Sí | Sí |
| Publicar directamente en WordPress | — | 1 sitio | 3 sitios | 10 sitios | Ilimitados |
| API REST y webhooks | — | — | — | — | Sí |
| Historial de proyectos | 30 días | 90 días | 1 año | Ilimitado | Ilimitado |
Más builders en camino
Divi, Bricks y Breakdance (incluidos desde Pro) y Oxygen, Beaver Builder y WPBakery (incluidos desde Agency) aparecen como Próximamente en la app mientras los validamos con sitios reales. Agency y Studio son planes anunciados: consulta Precios para ver qué puedes contratar hoy.
Llevar el resultado a WordPress: Free frente a pago
Cuenta Free
Obtienes el contenido convertido como archivos que importas tú:
- En la página de la conversión usa Copiar en la pestaña Contenido (y en la pestaña Header / Footer / Sidebar si tu diseño tiene esas partes). La descarga de archivos empieza en Starter.
- Sigue la pestaña Instrucciones: muestra los pasos exactos de importación para tu builder. En Gutenberg: crea una página en WordPress, abre el Editor de código y pega el contenido.
- Copia el CSS de tu diseño original en Apariencia → Personalizar → CSS adicional.
Starter, Pro, Agency y Studio
Además de descargar, puedes:
- Exportar WXR — un archivo estándar de WordPress que importas desde Herramientas → Importar, con páginas, menús y cabecera / pie. No hace falta plugin en el sitio.
- Publicar en WordPress — instala el plugin de Tapeto, añade el sitio en Conexiones WP y publica con un clic. Las páginas se crean como borrador, las imágenes van a la Biblioteca de medios y los enlaces entre páginas se reescriben. Consulta Conectar WordPress.
- En Agency y Studio, el WXR incluye además los tipos de contenido propios y los bucles (blog, portafolio, testimonios…) detectados en tu diseño.
Cuando algo falla
| Qué ves | Causa probable | Qué hacer |
|---|---|---|
| El proyecto termina en «error» | No se pudo leer el archivo (formato incorrecto, vacío o dañado) | Lee el mensaje del proyecto y revisa los requisitos en la guía del origen |
| «Tu plan no incluye esta fuente» | Penpot, Adobe XD y Stitch requieren Pro | Usa ZIP / HTML o Figma, o mejora el plan desde Ajustes → Plan y facturación |
| Un builder aparece con candado | Tu plan no lo incluye, o sigue en «Próximamente» | Consulta la tabla anterior |
| Los botones de publicar y WXR tienen candado | Plan Free | Descarga los archivos, o mejora a Starter |
| Has alcanzado el límite mensual | Has usado todos los proyectos del ciclo | Espera al siguiente ciclo o mejora tu plan |
Siguiente paso
Elige la guía de tu origen: ZIP / HTML, Figma, Penpot o Adobe XD.