How to prototype a varient of interactive component to another frame in another page

Hi @Amirhosein_Fahimi ,
If I understand well, you would like to connect the component : “Opened” by creating an interaction with the “ACADEMY PAGE” and “CONTACT PAGE” frames?

If so, here a workaround:

• copy your component “Opened” (CMD+C or CTRL+C)
• paste it in your page “Final UI” => your component “Opened” becomes an instance
• create a connection from your instance “Opened” to the “Academy Page” and “Contact Page” frames

How?

1. Navigate to the Prototype tab of the right sidebar.
2. Select a layer or object for the connection’s hotspot.

You can find more information to build prototype interactions and animations here

Hope it answers your questions, do not hesitate to clarify 🙂

Hi @Celine_Figma ,

Thanks for your answer 😊
But when I do that and when I open the hamburger menu in preview, the “contact” & “article” words don’t navigate me to their related pages. I don’t know if you made a certain type of connection or not (I connected words to pages with: on tap, navigate to, but I didn’t understand what the return arrows that came from the pages to these two words were in your image).

By the way, I gave you access to edit my file so if you could please do what you have in mind so that I can understand it better.

Hi @Amirhosein_Fahimi ,
Hm, with “navigate to” , it should work too. I add the return arrows so you can come back to the hamburger menu from the “Contact” & “Article” frames.

I edited your prototype file, it should work now. Let me know if you have any other questions!

What you should see in the prototype view:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.