Great approach but I would love to see how you would then prototype a navigational click from one of the menu button options, hard to do that with a hover state and a click action?
The problem is not doing the dropdown, but when using it within a modal. It is then not possible to use swap overlays (clicking an item in the dropdown list) because the centre of the new modal will be that of the dropdown and not that of the modal itself. I hope I have explained myself
Thank you ❤ I want to it work with component and variant for this one. How I can do it? I try to do and use for many page like s system design but not work.
Try connecting individual options from the "options dropdown menu" frame to individual pages you need to link to :) And/or turning the "options dropdown menu" to a component as well. Hope that helps? Mavi
one confusion regarding drop down, To show drop down in a project /work, do I keep all these on the same page as the project, or I can keep these in different page and connect by link or prototype? The drop down I have in project, I have kept all these far away from work files with eye icon turned off🤔
I just tested this and to keep this specific dropdown working, you need to keep everything on one Figma page. That's because the list of options is not a component but just a simple frame and cannot be translated across Figma pages (you cannot create an "on-click" interaction from Figma page 1 to Figma page 2)
The object you're setting this for probably isn't contained within an autolayout. Either it's somewhere outside it's parent frame or the parent frame doesn't have auto layout enabled
Thank you! This was really helpful!
bro this helped me a lot ,thank you and subscribed !!!
Great approach but I would love to see how you would then prototype a navigational click from one of the menu button options, hard to do that with a hover state and a click action?
The problem is not doing the dropdown, but when using it within a modal. It is then not possible to use swap overlays (clicking an item in the dropdown list) because the centre of the new modal will be that of the dropdown and not that of the modal itself. I hope I have explained myself
Keep doing videos like this! Awesome.
How would you go about adding a button hover state that then dissapears when you mouse enter the overlay? cheers for sharing
Thank you ❤ I want to it work with component and variant for this one. How I can do it? I try to do and use for many page like s system design but not work.
Try connecting individual options from the "options dropdown menu" frame to individual pages you need to link to :) And/or turning the "options dropdown menu" to a component as well. Hope that helps?
Mavi
@@mavidesign Thank for your answer. I will try do it. Thank again.
Im so lost. I dont get much results when it comes to sub menu. How to connect them
one confusion regarding drop down, To show drop down in a project /work, do I keep all these on the same page as the project, or I can keep these in different page and connect by link or prototype? The drop down I have in project, I have kept all these far away from work files with eye icon turned off🤔
I just tested this and to keep this specific dropdown working, you need to keep everything on one Figma page. That's because the list of options is not a component but just a simple frame and cannot be translated across Figma pages (you cannot create an "on-click" interaction from Figma page 1 to Figma page 2)
Why can't I see the options for 'Hug', 'Fill', 'Fixed' under the Frame section in the Design tab?
The object you're setting this for probably isn't contained within an autolayout. Either it's somewhere outside it's parent frame or the parent frame doesn't have auto layout enabled