Great video. About the issue with close button not appearing, I think this is just a Figma bug. I just restarted prototype, and after few tries it worked (also with hover state).
Thank you for making this you have made it easier for me to understand the components and I want to learn more about interactive components and your vids help a lot
Thanks for making this! There is indeed something funny about variants inside variants with the similarity functions. What I did for the closeting animation to work, was to create another 'open' variant in which the 'X' button is the darker version. The interactions then go; 'X' button to the new variant with 'whole pressed' & 50ms, and the new variant to default with 'mouse up' & 200ms.
The close button worked for me, however if i click on the magnifying glass it wont open the search bar, instead i need to click on the rectangle shape to open it.
To get personalized help and feedback on your project, please join my free Discord server. You can send me an Instagram DM or reach out to my email (About section of my channel) to get your invite. I'm unable to help everyone over RUclips - thank you for your understanding! Mavi
Great video.
About the issue with close button not appearing, I think this is just a Figma bug. I just restarted prototype, and after few tries it worked (also with hover state).
Thank you for making this you have made it easier for me to understand the components and I want to learn more about interactive components and your vids help a lot
Thanks for making this!
There is indeed something funny about variants inside variants with the similarity functions.
What I did for the closeting animation to work, was to create another 'open' variant in which the 'X' button is the darker version. The interactions then go; 'X' button to the new variant with 'whole pressed' & 50ms, and the new variant to default with 'mouse up' & 200ms.
Absolutely! The key thing is to always keep looking for workarounds 😄
@@mavidesign So true 😂
More vids like these. This is amazing.
For me the X button that closes the search-bar does not work. It is made exactly as you made it, but it still won't close the search bar.
How can I make it slide from right to left, I can't find a guide for help...
how do I add a keyboard to the search icon ?
The close button worked for me, however if i click on the magnifying glass it wont open the search bar, instead i need to click on the rectangle shape to open it.
To get personalized help and feedback on your project, please join my free Discord server.
You can send me an Instagram DM or reach out to my email (About section of my channel) to get your invite.
I'm unable to help everyone over RUclips - thank you for your understanding!
Mavi
How do you make it come out from right to left? It's killing me!
Make sure Constraints are set up properly:)
hi do you have a plugin for this?
Hello where a can contact you please?
Hello where can I contact you please?
Contact form on the mavi design store
Or email that you can find in the “about” section on my channel
🥰