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.
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.
This free set of 3D letters includes 15 quotes in 5 different 3D styles in 4k resolution PNG files with transparent backgrounds. Highly detailed 3D lettering design, ideal for use in large compositions, printed items or digital media. The 3D typography and pre-made quotes are available in 5 different design styles with unique color palettes. […]
A Kit full of Design Tokens specially adapted for dark mode projects. Kickstart your digital product with pre-set styles and typography for free! 🚀✨ Here’s what you will find inside: 240 Typography styles 156 Color Styles in a palette from 25 to 900 Elevation color Styles for backgrounds and containers 11 Avatar Styles 60 Gradient […]
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.