Master Figma for web design with our new, in-depth Figma course: https://t.ly/0ZuwQ
Maddy’s Youtube Channel: https://www.youtube.com/c/MaddyBeard
Micro-interactions are simple and subtle when done well (like good design in general).
BUT…Getting these just right is a lot harder than it seems. In this video you’ll learn to create 3 different micro-interactions the RIGHT way using Figma. First we’ll animate a heart icon into a like button on a product thumbnail, then we’ll tackle a toggle switch animation, and we’ll finish off with accordion elements to build out an FAQ section.
📽️ CHAPTERS
—————————
00:00 – Intro
00:36 – Like Button Heart
06:17 – Toggle Switch
11:09 – FAQ Accordion
What awesome animation do you want to learn next?
👉🏻 Learn more from Flux Academy on other social platforms:
Instagram: https://www.instagram.com/flux.academy/
Tiktok: https://www.tiktok.com/@fluxacademy
Twitter: https://twitter.com/FluxAcademyHQ
Linkedin: https://www.linkedin.com/school/flux-academy
#figma #figmatips #design #webdesign
source
This video tutorial on micro interactions is fantastic! One key takeaway I got from this video is the importance of using Auto layout effectively to create smooth interactions. It's clear that you pay attention to the smallest details to ensure a seamless user experience. I'm curious, do you have any other tips or tricks for designing micro interactions that feel natural and intuitive to users? Your insights are incredibly valuable, and I'd love to learn more from you. Keep up the great work! 😊
You made auto layout mess ,, So hard to understand
how do you select the shapes to fill the inner area of the heart icon?
Very nice! I have a question:
at 19:25 how did you duplicate multiple times at once? I know crtl + D duplicates only once but it seems that it was duplicated 4 or 5 times
Love you
You explained very well. great. Please play the subtitle in Turkish or Azerbaijani language
🤍