WordPress Semanal
Avsnitt

549 | Miles: diseña con IA directamente en el editor de WordPress

Dela

Escúchalo en:

En el episodio 549 de WordPress Semanal te hablo de Miles, una herramienta de IA que te lleva de una idea a un diseño editable con bloques nativos de WordPress, sin empezar de cero ni reconstruir una maqueta. Te cuento cómo funciona, qué no hace todavía y cómo probarlo sin riesgo.

Qué es Miles (y qué no es)

Miles es un agente de IA hecho para WordPress. No es un generador de páginas. Trabaja con la estructura real de WordPress y con estos elementos.

  • Bloques, páginas y entradas.
  • Patrones reutilizables.
  • Medios y estilos del tema.

Te puede ayudar de dos maneras.

  • Crear un sitio nuevo a partir de una idea, un brief o unas webs de referencia.
  • Mejorar un sitio que ya tienes, con rediseño de secciones, textos nuevos y ajustes visuales.

También puede ayudar con algo de funcionalidad, como formularios. Más adelante te cuento hasta dónde llega.

De la idea a WordPress en cinco pasos

Miles funciona más como un compañero creativo que como un formulario. El proceso tiene cinco pasos.

  • La idea. Le cuentas qué quieres construir. Si falta algo importante, te hace preguntas y lo convierte en un brief del sitio.
  • La dirección. Antes de construir, te propone varias direcciones de diseño. Aquí afinas el gusto, por ejemplo más sobrio, más cálido o más directo.
  • La página de inicio. Al elegir una dirección, construye la home completa. Todavía es un diseño estático, se ve pero no se edita con bloques.
  • Start editing. Cuando el diseño te convence, este botón lo convierte en piezas nativas de WordPress, como bloques, patrones, estilos del tema, medios y navegación.
  • El Site Plan. Es la lista de tareas con lo que falta, es decir, el resto de páginas y la funcionalidad pendiente.

Tú decides en varios puntos, que son el brief, la dirección de diseño, el momento de pasar a editar y el Site Plan. Corregir ahí una cosa pequeña ahorra mucho trabajo después.

Dónde probarlo sin riesgo

Hay tres formas de usar Miles. Te cuento las dos que cubre el curso.

  • El design sandbox. Entras en app.bymiles.ai, eliges «New Site» y empiezas a diseñar. No necesitas WordPress ni el plugin. Es un entorno separado donde puedes explorar sin tocar nada real.
  • El plugin en tu WordPress. Lo instalas en una web de desarrollo o de staging y trabajas directamente sobre ella.

La tercera es instalarlo como skill en agentes de código como Claude Code, Codex o Cursor. No la vemos hoy, pero existe.

Mi consejo es empezar por el sandbox y no probar el plugin en una web en producción.

Lo que Miles no hace todavía

  • El primer build incluye la página de inicio y el sistema de diseño, no todas las páginas.
  • Solo automatiza formularios de contacto y de consulta. Tiendas, reservas, membresías, pagos y búsqueda requieren configuración aparte.
  • Undo solo deshace el último cambio. No es un historial de versiones.
  • Textos, datos, precios, enlaces, accesibilidad y SEO tienes que revisarlos tú.

Miles acelera mucho, pero el criterio sigue siendo tuyo.

Mi opinión tras usarlo en proyectos reales

Me encanta para generar propuestas de diseño a clientes. Lo uso sobre todo para la idea de diseño inicial. Después prefiero hacer la mayoría de cambios manualmente.

Cómo empezar hoy

  • Crea una cuenta en app.bymiles.ai. Puedes registrarte con Google o GitHub, y hay un plan gratuito.
  • Pulsa «New Site» y prueba con un proyecto pequeño.
  • Dale un brief claro desde el principio. Es lo que más ayuda a que el resultado no sea genérico.
  • Si luego lo llevas a WordPress, hazlo primero en un entorno de pruebas y con copia de seguridad.

Aprende Miles paso a paso

He preparado un curso completo de Miles. Son 8 clases con un proyecto de principio a fin, el sitio de un estudio de arquitectura de reformas. En el curso vemos estos temas.

  • El brief y el diseño en el sandbox.
  • Cómo conectar Miles a WordPress.
  • Cómo usarlo con seguridad.
  • Cómo exportar e importar un diseño.
  • Cómo editar un sitio que ya existe.

Lo tienes en gonzalonavarro.es/cursos/miles.

Plugin de la semana

El plugin de la semana es TrazoForms, un constructor de formularios pensado para que se vean bien y sean accesibles desde el primer momento. Incluye once paletas de color con contraste comprobado, modo claro y oscuro, lógica condicional, 19 tipos de campo, nueve plantillas y antispam sin CAPTCHA. El formulario funciona incluso sin JavaScript y guarda las respuestas en tu propia base de datos. Es gratuito y tiene traducción oficial al español. Un aviso, es muy nuevo (versión 0.3, primera versión pública y aún sin reseñas), así que pruébalo bien antes de usarlo en la web de un cliente.

Contenidos recomendados

La entrada 549 | Miles: diseña con IA directamente en el editor de WordPress es una artículo de Gonzalo Navarro.

Podden och tillhörande omslagsbild på den här sidan tillhör Gonzalo Navarro. Innehållet i podden är skapat av Gonzalo Navarro och inte av, eller tillsammans med, Poddtoppen.