Fluid Card Interactions Turning static screens into a smooth, interactive experience. This protot...Fluid Card Interactions Turning static screens into a smooth, interactive experience. This protot...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Turning static screens into a smooth, interactive experience. This prototype brings payment tracking, academic progress, and course details to life through fluid transitions and purposeful motion.
Designed in Figma, refined in code.
Need your designs brought to life? Let’s build an interactive prototype for your product.
Experimenting with avatar animation using Figma + Motion ✨
Honestly, I never thought Figma Motion could generate motion this smooth, it’s starting to feel surprisingly close to what I’d normally achieve in After Effects.
Figma Motion is definitely making motion exploration much more accessible for product designers. 👀
The mark fans out from a narrow point, while the wordmark leans forward. together, they give it a sense of movement without needing much detail.
There’s a lot of color in the wider identity, so the logo holds its own in plain white. Simple geometry with enough weight to stand up to everything around it.