Very detailed and clear tutorial, thnks bro!

love this, how do you create a state so it stops at it?

Nice!

2:43 doesn't work for me, it either pastes into the component or not at all, never outside the component. Doing the method you use, and tried copy paste

This is great, but in real-project scenarios it may be slightly impractical depending on how you made your other icons. 'Consistency' is a huge word in UX Ui design. Every icon needs to look like they belong to a set. But I will use this when I need to add a "favorite" or "wishlist" button in my wireframes.

Only people who understand the value of scale with appreciate this. Thanks for your service my friend.

Is anyone falling to copy the menu item? It's the same issue from the other video. Edit: Okay, Figma says to hold down option and drag. That worked

Or you could assign a key to a variable value in prototype mode so when the user types anything it will input that value into the total sum of the string. Boom just saved you $1.99 and now you have an input field you can ACTUALLY type into

love you you are best💄

good job bro and thanks for this free content.

Great tutorial - thank you very much! Which components would I need to recreate each time I want to create a distinct dropdown with different options than the others?

How can we do this in framer ?

valuable content, thanks

I don't like rounded design at all, Blobject and Frutiger Aero and Rounded corners I dislike it all and also cars from 1995-2024 are too rounded. bring back 80s design.

Hello teacher @mavi design an awesome tutorial you have recorded for us but on minute 50 , i want to share a helpful way on switching icon colors on different states: On icon swap to a variant, which on different state should change its color, apply the preferred color to the icon and the swap icons shall inherit that color / theme automatically.

I would love a tutorial on how you created this!

Bro is making sure that people are buying his stuffs because god damn its impossible to follow wasted 1 hours of my time following everything just for it to not work lmao

Thanks, man! lifesaver indeed!

Top notch

Thanks for sharing. Btw, I never got the on click event on my last instance demo, only hover states. I followed all your steps to a tee. I went back to the radio button and the radio button option components originals and added a click event from hover to selected, then it worked in the demo as well. That's very odd cause you left that out in your tut. Figma doesn't allow multiple events to be triggered on the same component, so adding both a mouse over AND a click event from the default state button won't work. So adding a click event on the hover was my only option, that's a very strange interaction. I think it's safe to say that Figma is very over engineered and not very logical 😵

cool

Thanks

Suuu

Great video!!! Could you please make a video on how to use the option components, multiple components and component set all together in a single example? Thanks in advance!! 🙏

Thank you

slow down for us please lol

Why don't I have this feature?

nice clutch

This only works if you enter your mouse inside the dropdown, otherwise it will remain opened if you do not enter the mouse

Plugin name?

how to change colors then, there is no option in my figma

For anyone wondering how to incorporate this into an actual app when you don't want to use smart animate for the entire frame and just the dashboard, Prototype the circle to the page it's supposed to open, like the eclipse around home to home page with Trigger: After Delay Delay: 1ms Action: Navigate to Destination: The page the button will be opening Animation: Instant For smoother transition you can change the smart animate of the icon to Ease out at 200-300ms

guys please help to solve this beef , having a hard time figuring the copy 'x' and copy 'v'. it keeping appearing on the top of all carousel and carousel are not visible . what to do? 4:49

Does not work

its not the same effect, I also look it but couldn't find the solution, I guess Figma doesn't support that

Hey, this is amazing but I would like to know if the plugin would automatically generate the mentioned dimensions or would I have to place each element on each dimension separately and you would just edit the components ?

The Windows 10 design is where design peaked

God bless you for this tutorial 🫶

Thank you for making this video

Great videos! Much appreciated. QUESTION: Around 18:51, I understand your Interaction setting to "Close Overlay" when the "Mouse Leaves" the region of the overlay but I think we also need a setting to cause the overlay to close if the user moves the mouse away OUT OF THE "RESOURCES" MAIN MENU REGION. Can't figure out how to do this! I added an interaction fro the "Resources" Main Meny Region to "Close Overlay" when Triggered by "Mouse Leave" but it had no effect. Please help!

This (in all its details) is super helpful and clear. Thanks a bunch

I wish there's a revamp of the episodes on how we do it STEP BY STEP like planning the design , creating legends, creating frame work and the finished web design layout before we go prototyping .. I think that would be more easy to understand. .. this was awesome but 'it's giving ADHD' for me since it's kinda overwhelming specially for beginners like me <3 thank you so much

I purchased the source file and I am trying to change the default option 1, option 2, etc do the dropdown terms I would like to use and I have changed everything and it doesn't changed. I read that I can detach the component but I don't see that option

Great video and great explanation! You won a new subscriber today 😄

You are a GOAT.. thank you!

It legit won't let me paste the slides container in the slider. I've tried it so many times. So frustrating when basic copy paste functions don't work. Has anyone else got this problem?

You're a LEGEND 🎉 Thank You!

such a thorough video, tysm!! it worked for me

thats easily the best way to make an eye shape, surprised i didn't think of that

im gonna cry