Quiénes somos
Un taller pequeño, con las cuentas claras
Motionframe lo hace Pepe, desarrollador web. Todas las piezas pasan por el mismo proceso y aquí te lo contamos paso a paso.
- Piezas publicadas
- 105
- Gratis y enteras
- 24
- Con prueba en frío
- 44
- Con demo en vivo
- 100 %
Por qué existe
Webs con criterio que no parezcan hechas con IA
Las herramientas de IA hacen webs en minutos, pero casi todas se parecen: los mismos degradados, las mismas tipografías, textos traducidos del inglés. Y cuando el negocio necesita transmitir algo más que una plantilla, se nota.
Motionframe es la otra mitad: piezas diseñadas con criterio y prompts en castellano que describen cada detalle, para que la IA reproduzca algo con personalidad. Pensadas para el día a día de quien hace webs para clientes: demo en vivo para enseñarla antes de empezar, licencia comercial y la ñ y las tildes funcionando.
Cómo se hace una pieza
De la demo a la ficha, sin atajos
Hoy: 105 piezas publicadas · 44 con la prueba en frío publicada
Paso 1: Una demo original, en un solo archivo
Cada pieza se diseña desde cero como un único HTML, sin plantillas ajenas: la geometría, los fondos y los huecos de foto se generan con código. Usamos librerías abiertas (three.js, GSAP, Lenis, OGL) y Google Fonts, cada una con su licencia. Las marcas que aparecen son ficticias, con textos de ejemplo en español.Paso 2: Pensada para el móvil y para todo el mundo
Se revisa de 360 a 1920 px, con alternativa táctil para lo que depende del puntero. Si el usuario pide menos movimiento, se queda quieta y legible. Las escenas WebGL limitan su resolución, se pausan fuera de pantalla y tienen versión para navegadores sin WebGL.Paso 3: Un prompt que no deja nada a la imaginación
El prompt Completo describe la pieza entera: librerías con su versión exacta, colores, textos literales, tiempos de cada animación y el código delicado tal cual. El Lite resume lo esencial en menos de 2.000 palabras para herramientas con límite de texto.Paso 4: La prueba en frío
Pegamos el prompt tal cual en Claude Sonnet 5.5, en una conversación nueva, sin contexto ni retoques, y comparamos lo que devuelve con la demo. Cuando la prueba de una pieza está hecha, publicamos en su ficha el veredicto (fiel, aceptable o insuficiente), una nota de 0 a 10, las observaciones y la captura. También cuando no sale bien.Paso 5: Fecha y versión a la vista
Cada ficha dice cuándo se publicó la pieza y qué versión es. Si mejoramos un prompt, cambia la versión.
Lo que no vas a leer aquí
Nada inventado
- «Probado en Lovable» (ni en ChatGPT, Gemini, Cursor, Bolt o v0) si no lo hemos probado. Lo único que probamos pieza a pieza es la prueba en frío con Claude Sonnet 5.5.
- Testimonios ni cifras de usuarios. Cuando los haya, serán reales y con permiso.
- Cuentas atrás ni precios tachados. El contador de plazas Fundador es real.
- Letra pequeña: los precios llevan el IVA incluido y la baja se hace desde tu cuenta, sin llamadas ni preguntas.
¿Algo no cuadra o tienes una idea de pieza? Escríbenos a hola@motionframe.ai o pásate por contacto.
Empieza hoy
Juzga tú mismo: empieza por una gratis
Entera, sin cuenta y con la demo delante para comparar lo que te devuelva tu IA.