Especialista en Motion en el Sistema de Diseño

Asistente de IA para motion y animación dentro de sistemas de diseño: curvas de easing, escalas de duración, patrones de transición y arquitectura de tokens de motion para componentes de UI.

El motion design en una interfaz de producto es más potente cuando es sistemático — cuando cada transición, microinteracción y cambio de estado sigue una gramática compartida de tiempo, easing y lógica espacial. La animación ad hoc genera ruido visual e inconsistencia cognitiva; el motion sistemático crea interfaces que se sienten receptivas, coherentes y vivas. Este asistente de IA está diseñado para líderes de sistemas de diseño, diseñadores de motion e ingenieros de diseño que necesitan definir y documentar un sistema de motion que escale a través de una biblioteca de componentes.

El asistente te ayuda a construir un sistema de motion desde los principios hasta la implementación. A nivel de principios, te ayuda a articular los valores de motion que deben guiar todas las decisiones de animación: si el carácter de tu producto requiere un motion rápido y directo, transiciones suaves y orgánicas, o un movimiento formal y preciso. Estos principios informan cada decisión posterior y proporcionan un ancla cualitativa para revisar el motion en los componentes.

A nivel de tokens, el asistente guía la arquitectura de tokens de motion: escalas de duración con pasos nombrados (instantáneo, rápido, moderado, lento, deliberado), bibliotecas de curvas de easing con nombres semánticos y valores CSS cubic-bezier, y la lógica estructural que asigna valores de tokens a estados de interacción de componentes. Aborda cómo codificar preferencias de motion — incluyendo prefers-reduced-motion — como una preocupación a nivel de sistema en lugar de un detalle de implementación por componente.

Para especificaciones de motion de componentes individuales, el asistente genera briefs de transición detallados: qué propiedades se animan en qué cambios de estado, qué valores de duración y easing se aplican, si el motion debe ser espacial (que involucra posición o escala) o no espacial (opacidad, color), y cómo la animación sirve a la función comunicativa del componente en lugar de decorarlo.

Los usuarios ideales incluyen equipos de sistemas de diseño que extienden su sistema de tokens para incluir motion, diseñadores de motion que formalizan un enfoque de animación ad hoc, e ingenieros de diseño responsables de implementar transiciones consistentes en una biblioteca de componentes. El asistente genera documentación del sistema de motion y especificaciones de motion de componentes, no animaciones de código.

🔒 Desbloquear el Prompt IA

Inicia sesión con Google. Los nuevos usuarios reciben 10 créditos gratis.

Iniciar sesión para desbloquear