¿CON QUÉ IA?A quién le sirve. Diseñadores y equipos de producto que quieren probar animaciones y ajustar tiempos a mano con un bot que repite la secuencia, y rellenar plantillas de Figma con ayuda de otro bot.
Qué hicieron
El diseñador John Bai le pidió a un bot de animación (Motion God) que construyera, en su propio ordenador, un entorno de pruebas alrededor del archivo real de especificación de la animación del personaje, no una recreación. Ajustó a mano tiempos, muelles y suavizados, y daba opiniones comparativas cortas; el bot repetía la secuencia cada vez. Un bot de Figma usó el MCP de Figma para rellenar tarjetas y logotipos a partir de su componente y su plantilla.
Qué necesitas
- Acceso a Grok Bot y a un bot de animación (en el caso, Motion God)
- El archivo real con la especificación de la animación
- Figma con su conector (MCP) instalado, para el bot de diseño
- Un ordenador donde el bot pueda construir y ejecutar un entorno de pruebas
Cómo hacerlo tú, paso a paso
- Reúne el archivo con la especificación de la animación y las notas del vídeo promocional.
- Pide a un bot de animación que construya en tu ordenador un entorno de pruebas alrededor de ese archivo real, no de una recreación.
- Ajusta a mano los tiempos, los muelles y los suavizados, y da opiniones comparativas cortas. El bot repetirá la secuencia cada vez.
- Conecta Figma y pide a otro bot que rellene tarjetas y logotipos a partir de tu componente y tu plantilla.
- Revisa el resultado y apunta una lista corta de próximos pasos.
Necesito un prototipo de un vídeo promocional animado para [producto o lanzamiento]. A partir de esta descripción de la animación [pega la especificación o las notas], construye un pequeño entorno interactivo por el que yo pueda ir probando, y lista las tareas de diseño que harías en [Figma]. Habrás terminado cuando yo pueda ver el prototipo y tenga una lista corta de próximos pasos.
Consejos
- Usa el archivo real de la especificación. Una recreación puede esconder diferencias con lo que luego se entrega.
- Da instrucciones comparativas cortas, como «más rápido» o «más suave». Es lo que hizo el diseñador del caso.
- Cambia una sola cosa por prueba, para ver qué efecto tiene cada ajuste.
Preguntas frecuentes
¿Qué es un entorno de pruebas?
Una pequeña página o aplicación donde ves la animación y cambias los valores sin tocar el proyecto real.
¿Hace falta saber de diseño o de programación?
De diseño te ayuda, porque eres tú quien juzga tiempos y suavizados. Programar no es necesario, porque lo escribe el bot.
Fuentes
En el directorio desde el 10 de octubre de 2026.
@galileowilson en X