Crear una web de WordPress desde un diseño de Figma en una noche

A quién le sirve. Agencias, freelances y pymes con un diseño en Figma que quieren pasarlo a una web de WordPress sin maquetar a mano.

Qué hicieron

Un desarrollador, bnistordev, dio a Devin acceso al archivo de Figma de la nueva web de marketing mediante MCP (la conexión entre el agente y otras herramientas). El agente construyó solo, durante la noche, toda la parte visible de WordPress y las funciones de gestión de contenidos.

Cómo salió

La calidad del resultado equivalía a un trabajo que él presupuestaría en 2.500 €, aunque la web aún no está terminada.

Conviene saber

Funcionó de noche, pero hizo falta una revisión humana posterior para terminarla.

Qué necesitas

• Acceso a Devin
• El archivo de Figma de la web y el conector MCP, que es el enlace entre Devin y Figma
• Un entorno de WordPress de pruebas, que no sea tu web real
• La lista de páginas de la web
• Alguien que revise el resultado, porque no sale terminado

Cómo hacerlo tú, paso a paso

1. Prepara el diseño en Figma con todas las páginas de la web.
2. Crea un WordPress de pruebas, separado de tu web real.
3. Dale a Devin acceso al archivo de Figma mediante el conector MCP.
4. Pídele que construya la web completa en WordPress con las páginas que le indiques, fiel al diseño.
5. Dile que la monte en el entorno de pruebas y que termine cuando todas las páginas coincidan con Figma.
6. A la mañana siguiente, revisa cada página contra el diseño y apunta lo que falta.
7. Haz que se corrija lo pendiente y pasa a la web real solo cuando esté revisado.

Usando mi archivo de Figma [enlace de Figma] mediante MCP, construye una web de marketing completa en WordPress con las páginas [lista de páginas], fiel al diseño. Móntala en [entorno local o de pruebas] y termina cuando todas las páginas se vean y coincidan con la composición de Figma. Enséñame el resultado antes de que nada llegue a una web en producción.

Consejos

• No publiques directamente en tu web real. Trabaja en un entorno de pruebas.
• Funcionó de noche, pero hizo falta una revisión humana para terminarla. Reserva tiempo para eso.
• Comprueba la gestión de contenidos: que puedas editar textos e imágenes sin romper el diseño.

Preguntas frecuentes

Fuentes

• @bnistordev en X ↗

En el directorio desde el 5 de octubre de 2026.