Saltar al contenido
Academia · Guías

Parte de un diseño que ya funciona y usa la IA para ejecutarlo y adaptarlo, en lugar de pedirle una web desde cero.

Por Equipo editorial de Arrmma · Publicada · 30 min · Nivel: Principiante

Comprobado el 8 de noviembre de 2026 con Pliegue 1.1.0, Node.js 24.22.1 y npm 11.19 en macOS.

Respuesta breve

Para crear tu primera web con IA: descarga un diseño con su código, instala Node.js 20.19 o superior, abre la carpeta en tu herramienta de IA, pídele que ejecute el prompt del paquete (npm ci y npm run dev), comprueba el sitio en http://localhost:5173, pide un cambio concreto y termina con npm run build sin errores.

Qué necesitas

  • Una cuenta gratuita de Arrmma (Pliegue se descarga gratis con cuenta).
  • Node.js 20.19 o superior (o 22.12+) y npm.
  • Una herramienta de IA que trabaje sobre carpetas y pueda ejecutar comandos, por ejemplo Claude Code.
  • Conexión a internet para instalar dependencias.

Pasos

  1. Elige el diseño de partida

    Abre la ficha de Pliegue en Arrmma, inicia sesión y descarga el paquete de código. Cualquier otro diseño con código funciona igual.

    Comprueba: Tu biblioteca muestra Pliegue y tienes el archivo ZIP descargado.

  2. Descomprime el paquete

    Descomprime el ZIP en una carpeta de trabajo. Lee primero README.md: dice qué incluye, los requisitos y dónde se cambia cada cosa.

    Comprueba: Ves README.md, prompt.md, LICENCIAS-Y-AVISOS.md y la carpeta pliegue-studio/.

  3. Comprueba Node.js

    En una terminal, confirma la versión. Vite 8 exige Node 20.19 o superior.

    node -v
npm -v

    Comprueba: node -v muestra v20.19 o superior (en nuestra prueba, v24.22.1).

  4. Pide a la IA que lo arranque

    Abre la carpeta en tu herramienta de IA y pega el contenido de prompt.md. Su primer punto pide instalar y arrancar el sitio.

    cd pliegue-studio
npm ci
npm run dev

    Comprueba: npm ci termina sin errores y http://localhost:5173 muestra el diseño (titular «FORMA PROPIA»).

  5. Pide un cambio concreto

    Una petición acotada da mejores resultados que «mejora la web». Nombra los archivos y lo que no debe cambiar.

    Cambia el nombre «PLIEGUE» por «MAREA» en src/components/Hero.jsx y
src/components/Footer.jsx, y el <title> de index.html por
«Marea Estudio — Diseño y estrategia». No cambies nada más.

    Comprueba: Pide a la IA el resumen de cambios: solo deben aparecer esos tres archivos.

  6. Compila el resultado

    La compilación confirma que el proyecto sigue sano después del cambio.

    npm run build

    Comprueba: Termina con «prerender: dist/index.html» y sin errores.

Lo que pasó en nuestra prueba

npm ci tardó 1,8 s y npm run build 2,5 s sobre una copia limpia de Pliegue 1.1.0.

El cambio de nombre tocó exactamente Hero.jsx, Footer.jsx e index.html; el HTML compilado muestra «MAREA» y ya no contiene «PLIEGUE».

npm avisó de scripts de instalación de una dependencia de compilación (fsevents); no bloquea el build, como indica el README.

Errores comunes

  • Usar una versión de Node anterior a 20.19: Vite 8 no arranca.
  • Pedir cambios vagos («hazla más moderna»): la IA reescribe más de lo necesario.
  • Ejecutar los comandos fuera de pliegue-studio/: npm no encuentra package.json.
  • Publicar sin revisar: el contenido de ejemplo (nombre, textos, imágenes) no es tuyo.

Siguiente paso

Sigue con la guía para personalizar el diseño: marca, colores, textos e imágenes.

Siguiente guía

Encuentra tu próximo diseño.

Recibe las novedades de Arrmma.