New Figma Trick - Liquid Animation

I am a huge fan and follower of other UX/UI designers on social media, they post so many amazing new tips and tricks to help our workflows. Recently I saw one that was adding a liquid effect to your click animations on Figma. The concept is when toggling between two items the circle buttons will morph together and then pull apart as though they are made of liquid.

I played with this for awhile and I can’t wait to find an app it will work well with, maybe one for a drink company and you can use it to go between flavors. I want to play with adding a color change as well, I think this could be a cool effect and something that will definitely improve engagement. I know I couldn’t stop hitting the buttons just to watch the effect!

Previous
Previous

I UXed Myself

Next
Next

The Curious Case of the Missing Button