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

> Un desarrollador dio a Devin acceso a un archivo de Figma y el agente construyó de noche la web de WordPress con gestión de contenidos.

- **Tipo:** Caso de uso
- **Tema:** Programación
- **Herramientas:** Devin
- **Dificultad:** avanzada
- **Origen:** [@bnistordev en X](https://x.com/bnistordev/status/2104882458671907327)
- **En el directorio desde:** 5 de octubre de 2026
- **URL:** https://conqueia.com/caso/crear-una-web-de-wordpress-desde-un-diseno-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.

## Pruébalo con Devin

```
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

### ¿Me ahorra un desarrollador?

Le ahorra la parte más repetitiva, pero la web quedó sin terminar y necesitó revisión. Considéralo un adelanto de trabajo, no el trabajo completo.

### ¿Y la seguridad de la web?

Pide a alguien técnico que revise las extensiones, los usuarios y las copias de seguridad antes de publicar.

## Fuentes

- [@bnistordev en X](https://x.com/bnistordev/status/2104882458671907327)

---

Fuente: conqueia.com/caso/crear-una-web-de-wordpress-desde-un-diseno-de-figma-en-una-noche