Figma Motion entra em open beta com áudio, estilos customizados e export Lottie

Motion entra em open beta com novidades de reutilização, áudio e portabilidade

O Figma anunciou que o Figma Motion, ferramenta de animação de designs, recebeu uma atualização em sua fase de open beta focada em tornar as animações mais reutilizáveis, expressivas e portáveis, reduzindo o caminho entre o primeiro keyframe e animações prontas para handoff.

Estilos de animação personalizados

A principal novidade de reutilização são os estilos de animação customizados: é possível salvar uma animação com easing, duração e outras propriedades apoiadas em variáveis e aplicá-la em diferentes designs. Estilos podem ser combinados em padrões mais ricos, salvos e reutilizados como um único item, e publicados em bibliotecas para que todos os arquivos usem os mesmos conjuntos. Também é possível aplicar esses estilos automaticamente com o Figma agent e coding agents via MCP ou Skills.

Áudio na linha do tempo

O Motion passou a suportar áudio: usuários podem arrastar um arquivo de áudio para qualquer clipe de movimento ou linha do tempo, recortar, dividir e reposicionar o áudio contra os keyframes para ajustar o tempo, e exportar o áudio junto com a animação nos formatos MP4 e WebM.

Animação de texto e exportação

A animação de texto ganhou mais controle, permitindo animar caracteres, palavras ou linhas individuais dentro de uma camada de texto, que permanece totalmente editável após a animação ser aplicada. Para portabilidade, agora é possível exportar animações como arquivos Lottie ou dotLottie.

Outras atualizações da mesma data

Na mesma data, o Figma lançou os Community riffs, nova forma de compartilhar ideias, animações, protótipos e experimentos no Figma Community como portfólio criativo. Também houve melhorias no aplicativo móvel do Figma, incluindo seletor de páginas, prévia de frames, compartilhamento de links para páginas ou frames específicos, exportação de frames e retomada do último ponto de navegação. Anteriormente, o Figma também anunciou vertical wrap no auto layout, compatível com o comportamento do CSS flexbox, além do Figma node para conectar designs do Figma Design a fluxos de trabalho no Figma Weave.