Prototyping Variants | Friends of Figma | Page 1

high jungle Apr 23, 2023, 4:16 AM

#

Hey all! Just had a quick question regarding prototyping and variant instances. For this specific issue, this 'daily modal' is comprised of variants and they can be interchanged. Is it possible to prototype this section so that when I click on the tuesday 'view' it will switch the variants inside the modal to the tuesday ones? and so on the so forth? Not sure if this makes perfect sense but i've been tinkering with it. Mainly just want to have one daily modal in my final prototype that the instances inside are switched depending which button you press.

#

Current settings for the modal are just a simple open overlay

desert terrace Apr 23, 2023, 4:37 AM

#

Yup.

#

But there'll be multiple prototype connections for that.

#

Will share the file soon . It's kinda hard to explain in words.

high jungle Apr 23, 2023, 4:52 AM

#

Okay! Thanks

high jungle Apr 23, 2023, 5:03 PM

#

Any update? @desert terrace

desert terrace Apr 23, 2023, 5:11 PM

#

Totally forgot about this one.
If you're in hurry, watch MDS tutorial on Interactive components ( for your personal Query watch starting 10-11 minutes where he explains how to copy paste the elements & save interactions.)

#

Else I'm putting in to do list for tomorrow, so that I don't forget again.

high jungle Apr 23, 2023, 6:41 PM

#

Okay ill take a look and let you know if i can figure it out after that

#

thanks for the reccomendation

high jungle Apr 23, 2023, 9:29 PM

#

@desert terrace Looked at the video and still a bit confused LOL , would love if you could help guide me. Will wait till tomorrow for your help!

desert terrace Apr 24, 2023, 8:39 AM

#

File: https://www.figma.com/file/cWVAaJmh2c9WlMJ0J92NJy/Alessandro?node-id=0%3A1&t=VhuicPszRrXJ59eb-1

Prototype:
https://www.figma.com/proto/cWVAaJmh2c9WlMJ0J92NJy/Alessandro?page-id=0%3A1&node-id=1-2&viewport=666%2C1189%2C0.33&scaling=min-zoom&starting-point-node-id=1%3A2

#

It's not exactly what I was trying to make. But since the back frame selection isn't working for me, had to go with this. Will update this if it works. ( Why I recommended MDS tutorial, you'll see around 49 interactions in here, but i did only 7 manually, & rest are auto updated)

high jungle Apr 24, 2023, 2:08 PM

#

Hey! Thanks for all of this! I can't quite see the prototype nodes that you created for it, could you adjust the sharing for me? Also, in the prototype, is the interaction a click or ? When viewing the frame nothing happens when I click on the little squares

desert terrace Apr 24, 2023, 2:41 PM

#

high jungle Hey! Thanks for all of this! I can't quite see the prototype nodes that you crea...

You've to switch to Prototype mode to see those.

desert terrace Apr 24, 2023, 2:42 PM

#

high jungle Hey! Thanks for all of this! I can't quite see the prototype nodes that you crea...

Yup, it's on click.

high jungle Apr 24, 2023, 2:56 PM

#

It doesn't give me the option to view it in prototype mode?