


Você já trabalha com Figma há algum tempo? Deixe-me levar seus conhecimentos e habilidades de web design para o próximo nível.
6 plug-ins de animação Figma que todo designer deve conhecer
É hora de começar a trabalhar com os plugins Figma para economizar tempo e energia de design. Fizemos uma seleção de alguns dos melhores plugins Figma.
Escolha o plugin de animação Figma que melhor atende às suas necessidades e experimente!
1. Figmotion



Começaremos com este plugin de animação Figma. Com Figmotion você pode criar e exportar animações Figma como HTML, CSS e JavaScript. Isso significa que você pode criar facilmente animações interativas e incorporá-las em sites e aplicativos da web. É também um dos mais populares na comunidade Figma, sendo utilizado por mais de 300 mil pessoas.
2. Tremor



Jitter é um plugin Figma para adicionar animações às suas interfaces e conteúdos como mídias sociais e vídeos. Você pode até criar um sistema de design de movimento com este plugin de animação Figma. É super simples de usar e você pode criar animações rápidas e fáceis. Você também pode exportar seus designs animados como vídeos, GIF e Lottie.
3. Morfar



Você deseja criar animações suaves entre diferentes estados de formas no Figma? Então Morph é o plugin de animação Figma que você estava procurando. É muito fácil de usar. Você só terá que selecionar qualquer forma, vetor ou camada de texto, escolher um efeito de metamorfose no plugin e está tudo pronto! O melhor de tudo: é 100% gratuito.
4 motivos



Outro plugin de animação Figma popular é o Motion. Crie animações usando Expressões, que ajudam no tempo, duração e facilitação das animações. Com Expressões você pode criar efeitos de animação, como fade in, fade out e slide in. Em seguida, compartilhe seus designs animados em gif, mp4, webm, svg, sprites, frames, css, dev. Você pode experimentá-lo gratuitamente.
5. GIF animador de flipbook



Gostaria de converter sua animação de design Figma em um GIF? O Flipbook GIF Animator está aqui para ajudar. É um plugin Figma que irá ajudá-lo a criar animações a partir de imagens estáticas de forma automática e exportar para GIF.
Este plugin de animação Figma apresenta visualização ao vivo para ver sua animação em tempo real e um editor integrado para alterar a velocidade de suas animações.
6. Exportação de GIF



É fácil exportar seu GIF animado com plugins Figma como este. Com GIF Export você só terá que selecionar o quadro de composição com o GIF e executar o comando do plugin “Exportar GIF”. E é assim que você pode criar memes e GIFs no Figma.
Esta é apenas uma pequena seleção de plug-ins Figma para você começar. Vá para a Comunidade Figma para procurar mais plug-ins que você possa experimentar.
Trabalhar com plug-ins Figma pode ajudá-lo a otimizar seu fluxo de trabalho de design e levar a qualidade de seus designs para o próximo nível.
Modelos Figma em elementos Envato
Agora que você conhece alguns dos melhores plug-ins do Figma disponíveis, também pode testá-los com os modelos do Figma.
Envato Elements tem uma ampla variedade de ativos criativos ga-analytics#sendElementsClickEvent”>para Figma, incluindo fluxogramas, wireframes, modelos de aplicativos móveis, modelos da web e muito mais.



Experimente um dos muitos modelos ga-analytics#sendElementsClickEvent”>Figma disponíveis no Envato Elements!
Mais recursos e tutoriais do Figma
Aprender a usar o Figma e seus truques é entrar em um universo de possibilidades em design UX/UI.
Há mais alguma coisa que você gostaria de aprender no Figma? Talvez você encontre o que procura nos tutoriais e recursos do Figma disponíveis no Envato Tuts+:
Você está se tornando um Figma Pro!
Se você já trabalha com animações Figma, isso significa que você é um profissional. Esta seleção é apenas o começo de sua jornada Figma. Experimente diferentes plug-ins e modelos Figma para descobrir o que funciona melhor para você.