# Demo de producto con cursor: estilo de motion graphics

> Un cursor recorre un editor de diseño genérico, escribe la palabra, la amplía y le cambia el color. Animación de texto para vídeos de demo y lanzamientos SaaS.

- Categoría: [Interfaz sci-fi y web moderna](https://aimotions.art/es/categoria/interfaz-sci-fi-y-web-moderna/)
- También conocido como: animación de demo de producto, recorrido por la interfaz, animación de cursor, vídeo demo de app, vídeo explicativo saas, estilo grabación de pantalla, tutorial de funciones
- Demo hecha con: CSS · Energía: Dinámico · Fondo: Claro
- Demo en vivo: https://aimotions.art/es/estilos/product-demo-cursor/
- Versión en inglés: https://aimotions.art/styles/product-demo-cursor/

## Prompt (cambia [TEXTO] por tu texto)

```text
Crea una demo de producto que construya [TEXTO] en un editor de diseño genérico y limpio (ninguna app real). Espacio de trabajo gris claro con mesa de trabajo blanca, barra de herramientas estrecha a la izquierda, barra superior con nombre de archivo y botón de compartir, y panel de propiedades a la derecha. Un cursor de flecha negro se mueve por curvas con aceleración y frenada suaves: pulsa la herramienta de texto (pequeña pulsación y onda), hace clic en la mesa de trabajo y escribe [TEXTO] letra a letra con cursor de texto; arrastra el tirador inferior derecho de la caja de selección azul para ampliar el texto mientras un tooltip cuenta el tamaño; pulsa una muestra violeta para rellenar las letras con un degradado de violeta a rosa y pulsa el espacio vacío para deseleccionar. Los valores del panel cambian en cada paso. Mantén, borra y repite en bucle.
```

## ADN visual

- Editor claro: barras de herramientas, panel de propiedades y lienzo blanco
- Cursor con trayectorias suaves y clics con pulsación y onda
- Caja de selección azul con tiradores y tooltip de tamaño al arrastrar
- Texto tecleado letra a letra, luego ampliado y recoloreado con un degradado
- Los valores del panel se actualizan con cada acción

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Demo de producto con cursor, aimotions, https://aimotions.art/es/estilos/product-demo-cursor/