Avaliações do editor: Avaliações do usuário:[Total: 0 Average: 0] @media(min-width: 500px) { } @media(min-width: 800px) { }
LottieFiles é uma plataforma completa para criar e projetar animações Lottie. Agora, eles também lançaram o plug-in Figma que você pode usar para transformar seus designs Figma em animação Lottie. Basicamente, permite selecionar um quadro estático que você projeta no Figma e animá-lo. Existem algumas predefinições de animação prontas que você pode aplicar ao seu design e depois exportá-las.
Com a ajuda das predefinições de animação, você pode girar as formas ou objetos criados no Figma. Existem muitas outras predefinições disponíveis para você escolher. Além disso, você pode escolher uma cor de fundo e finalmente exportar a animação.
Você pode converter a animação para GIF e inserir na área de trabalho do Figma. Ou você pode exportar a animação Lottie para o espaço de trabalho LottieFiles. Depois de exportar a animação para LottieFiles, você pode baixar o código JSON e usá-lo onde quiser.
Como exportar desenhos Figma como arquivos Lottie animando-os?
O O plug-in LottieFiles para Figma pode ser instalado a partir deste link. Basta seguir o link e clicar na opção “Experimentar”. O plug-in será adicionado ao seu Figma Workspace.
Agora, você cria algum design. Desenhe uma forma ou um objeto dentro de um quadro.
Inicie o plug-in LottieFiles no menu Plug-ins. A interface do plug-in será aberta. Nisso, vá para a nova guia Exportar para Lottie.
Ele agora solicitará que você selecione um quadro do seu design Figma. Então, selecione um quadro e, em seguida, anime-o. Ele oferece algumas opções para escolher uma animação para o seu design.
Depois de aplicar a animação, você pode simplesmente exportá-la. Você pode exportá-lo como GIF ou como um arquivo Lottie. O arquivo Lottie também pode ser exportado para sua conta LottieFiles. A partir daí, você pode modificá-lo ainda mais e, em seguida, baixá-lo, se desejar.
Agora é fácil transformar seus designs Figma em animação Lottie. O plug-in LottieFiles é bastante poderoso, pode dar vida aos seus designs estáticos do Figma. Basta instalá-lo e, em seguida, animar seus designs Figma e exportar como animação Lottie.
Pensamentos finais:
Se você trabalha com animações Figma e Lottie, vai adorar este novo plug-in de animação Lottie para Figma por LottieFiles. Gostei muito do fato de ele ser totalmente integrado ao Figma e você poder optar por animar seus designs e exportá-los. Embora haja limitações na versão gratuita, acho que ainda oferece a funcionalidade principal gratuitamente. É bom para freelancers e designers front-end individuais.