Micro interactions – Prototyping
- Figma Resources
How to make Micro-interactions in Figma
𝗪𝗵𝗮𝘁 𝗮𝗿𝗲 𝘁𝗵𝗲 𝗠𝗶𝗰𝗿𝗼𝗶𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝗼𝗻𝘀?
Those are the small, everyday events in digital products that can be a great way to enhance the overall experience for your users.
Examples include what happens when you favorite a tweet or the way an app updates its interface after a task is completed.
In this tutorial, I’m going to show you exactly how to prototype a micro-interaction in Figma.
You’ll learn how to make this animation for when a user hovers over an Inbox icon and then clicks or taps on it.
Now, I know it might not look like much, but that’s the whole point. Micro-interactions are supposed to be useful, but not intrusive.
All tutorials in 𝗙𝘂𝗹𝗹 𝗛𝗗 𝘃𝗶𝗱𝗲𝗼 𝗼𝗻 𝗬𝗼𝘂𝗧𝘂𝗯𝗲
The file will be updated regularly with new samples.
A demo version of 90 cute and chubby 3D hand gestures available in four different skin tones to suit your digital projects. Explore more 3D illustrations on dddkit.com
We are pleased to share with you a new free resource based on socials networks. It is a pack of icons to improve the user interface of your projects by highlight the different networks of your clients. We hope this resource will inspire you.
Submit a Figma resource now!
Never miss a thing! Sign up for our newsletter to stay updated.
Figma Hunt curates the best new Figma resources, every day. Discover the latest Figma templates, plugins and resources all in one place, updated constantly.