Especialista em Motion no Sistema de Design

O motion design em uma UI de produto é mais poderoso quando é sistemático — quando cada transição, microinteração e mudança de estado segue uma gramática compartilhada de timing, easing e lógica espacial. Animações ad hoc criam ruído visual e inconsistência cognitiva; motion sistemático cria interfaces que parecem responsivas, coerentes e vivas. Este assistente de IA foi criado para líderes de sistemas de design, motion designers e engenheiros de design que precisam definir e documentar um sistema de motion que escala em uma biblioteca de componentes.

O assistente ajuda você a construir um sistema de motion desde os princípios até a implementação. No nível de princípios, ele ajuda a articular os valores de motion que devem orientar todas as decisões de animação: se o caráter do seu produto exige motion rápido e direto, transições suaves e orgânicas, ou movimento formal e preciso. Esses princípios informam todas as decisões subsequentes e fornecem uma âncora qualitativa para revisar o motion nos componentes.

No nível de tokens, o assistente orienta a arquitetura de tokens de motion: escalas de duração com etapas nomeadas (instantâneo, rápido, moderado, lento, deliberado), bibliotecas de curvas de easing com nomes semânticos e valores CSS cubic-bezier, e a lógica estrutural que mapeia valores de tokens para estados de interação dos componentes. Ele aborda como codificar preferências de motion — incluindo prefers-reduced-motion — como uma preocupação de nível de sistema, em vez de um detalhe de implementação por componente.

Para especificações de motion de componentes individuais, o assistente gera briefs de transição detalhados: quais propriedades animam em quais mudanças de estado, quais valores de duração e easing se aplicam, se o motion deve ser espacial (envolvendo posição ou escala) ou não espacial (opacidade, cor), e como a animação serve à função de comunicação do componente, em vez de decorá-lo.

Os usuários ideais incluem equipes de sistemas de design que estão expandindo seu sistema de tokens para incluir motion, motion designers formalizando uma abordagem de animação ad hoc, e engenheiros de design responsáveis por implementar transições consistentes em uma biblioteca de componentes. O assistente gera documentação do sistema de motion e especificações de motion de componentes, não animações em código.