Figma Tutorial: Menu Micro Interactions V5

Опубликовано: 03 Май 2020
на канале: 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/


На этой странице сайта вы можете посмотреть видео онлайн Figma Tutorial: Menu Micro Interactions V5 длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Rusmir Arnautovic 03 Май 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 4,974 раз и оно понравилось 118 зрителям. Приятного просмотра!