Anime seus designs do Figma

Desenhe no Figma e dê movimento no Libre. Copie seus vetores, adicione quadros-chave e baixe um arquivo Lottie. Esse processo não precisa de plugin.

Edição e exportação gratuitas. Não precisa de conta.

O editor e a documentação estão em inglês.

Copie, anime e exporte

Copie seu design
Selecione no Figma as formas que quer animar e copie. Começar com uma seleção pequena facilita a conferência.
Cole no Libre
Abra o Studio, escolha New animation e cole com Command+V ou Ctrl+V. Se a seleção não for colada corretamente, use Copy as SVG no Figma e cole essa versão.
Dê movimento
Selecione uma camada e clique no losango ao lado de uma propriedade, como Position. Avance o indicador de tempo e mude o valor para criar o próximo quadro-chave. Pressione espaço para ver a prévia.
Exporte a animação
Clique em Export e confira a prévia de Lottie. Baixe Lottie JSON ou dotLottie e teste o arquivo no player em que será usado.

O conteúdo vetorial compatível é importado. Transições do Smart Animate e interações de protótipos não são transferidas: crie o movimento no Libre.
Se o design mudar na importação, tente uma seleção menor ou converta os elementos em caminhos vetoriais antes de copiar.