Saltar al contenido
motionframe
motionframe

Biblioteca

Entrar

Buscar piezas

Categorías

Constructor de webs con IA

Prompts de Motionframe en Lovable

Lovable genera la web entera y la publica. Trabaja con su propio stack (React y Tailwind), así que la pieza se adapta a él: el resultado puede diferir de la demo más que en un chat.

Paso a paso

Cómo usar prompts de diseño web en Lovable

  1. Paso 1: Crea un proyecto o abre el tuyo

    Para una landing, empieza de cero. Para una sección o un efecto, ábrelo en el proyecto donde lo quieres.

  2. Paso 2: Pega el prompt Lite

    En la caja de mensaje. Si es una sección, añade antes una línea con dónde colocarla: «Añade esta sección debajo del hero».

  3. Paso 3: Deja que construya y revisa

    Compara con la demo de la ficha. Las diferencias más habituales al pasar a React son tipografías, tiempos de animación y comportamiento en móvil.

  4. Paso 4: Ajusta con el Completo a mano

    Si falta un detalle, copia solo el apartado del prompt Completo que lo describe (por ejemplo, «Movimiento») y pídele que lo aplique.

  5. Paso 5: Publica

    Con el botón de publicar de Lovable, y conecta tu dominio si lo tienes.

Trucos que ahorran tiempo

  • Pide que la pieza vaya en un componente propio: luego es más fácil moverla o quitarla.
  • Si la pieza usa three.js o GSAP, comprueba que instala las versiones que indica el prompt.

Pruébalo ahora

Piezas gratis para pegar en Lovable

Enteras y sin cuenta: copia el prompt, pégalo y compara con la demo.

Todas las gratis

Preguntas frecuentes

Preguntas sobre Lovable

¿Funcionan los prompts de Motionframe en Lovable?

Están escritos para poder pegarse en Lovable. Como Lovable trabaja con su propio stack, adapta la pieza y el resultado puede diferir de la demo más que en un chat; por eso recomendamos empezar con la versión Lite.

¿Uso el prompt Completo o el Lite en Lovable?

Recomendamos empezar con el Lite. El Lite (menos de 2.000 palabras) está pensado para constructores como Lovable: conserva lo que define la pieza (paleta, tipografía, estructura y el movimiento principal) y deja margen para que la herramienta lo adapte.

¿Habéis probado las piezas en Lovable?

Todavía no. Lo que probamos pieza a pieza es el prompt en Claude Sonnet 5.5 (la prueba en frío de cada ficha). No decimos «probado en Lovable» hasta haberlo probado; cuando lo hagamos, lo publicaremos con fecha.

¿Vas a publicar lo que te devuelva? En la guía de uso te contamos cómo iterar, personalizar y subirlo a Vercel, Netlify u Hostinger.

Empieza hoy

Elige una pieza y pégala en Lovable

Las gratis van enteras y sin cuenta, con el personalizador que mete tu marca y tus colores en el prompt. Con Pro tienes todo el catálogo.

Explorar el catálogoVer precios de Pro