Figma Tutorial: Menu Micro Interactions V5

Publié le: 03 mai 2020
sur la chaîne: Rusmir Arnautovic
4,974
118

How to make Item Count in Figma⁣

This post was inspired by @anronkai 1000 followers post. So I decided to do small interaction that can simulate like or follower count.⁣

𝗪𝗵𝗮𝘁 𝗮𝗿𝗲 𝘁𝗵𝗲 𝗠𝗶𝗰𝗿𝗼𝗶𝗻𝘁𝗲𝗿𝗮𝗰𝘁𝗶𝗼𝗻𝘀?⁣
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 another way how to prototype a micro-interaction like an Item Count in Figma.⁣

You'll learn how to make this animation for when a user clicks on the menu heart/like icon to execute additional actions. Used often to simulate like count or follower count.⁣

Now, I know it might not look like much, but that's the whole point. Microinteractions are supposed to be useful, but not intrusive.⁣

Wrap up⁣
There are many ways to make the menu slide in/out animations. It doesn't need to load separate icons, it can load all icons on click, like the fade from 0 to 100% opacity.⁣

Try Figma for FREE
https://www.figma.com/
-----------
Instagram:   / ideaisall  
Twitter:   / ideaisall  
Web: https://rusmirarnautovic.com/
-----------
Check Figma tutorials - 13 Chapters:
https://rusmirarnautovic.com/figma-ch...

𝗧𝗼 𝗺𝗮𝗸𝗲 𝘁𝗵𝗶𝘀 𝘀𝗲𝗿𝗶𝗲𝘀 𝗼𝗳 𝘁𝘂𝘁𝗼𝗿𝗶𝗮𝗹𝘀 𝗜 𝗵𝗮𝘃𝗲 𝘂𝘀𝗲𝗱 𝗕𝗿𝗮𝗶𝗻𝘀𝘁𝗼𝗿𝗺𝗶𝗻𝗴 𝗨𝗜 𝗦𝘁𝘆𝗹𝗲 𝗞𝗶𝘁.⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣
⁣⁣⁣⁣⁣𝗜𝘁'𝘀 𝗳𝗿𝗲𝗲 𝗳𝗼𝗿 𝗱𝗼𝘄𝗻𝗹𝗼𝗮𝗱 - https://rusmirarnautovic.com/figma/


Sur cette page du site, vous pouvez voir la vidéo en ligne Figma Tutorial: Menu Micro Interactions V5 durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Rusmir Arnautovic 03 mai 2020, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 4,974 fois et il a aimé 118 téléspectateurs. Bon visionnage!