Variables + Smart Animate?

Thanks for explaining! It just make me realize Advanced Prototyping’s UX isn’t very good. Pretty ironic, coming from a company that places design at the core of its values.

Where/how are you applying smart animate?

Work for me

benji.hobson is suggesting below workaround and it worked for me:

Adding any interaction and animation for the component variants.

e.g. In my case, I used Key/Gamepad (leaving the “key” field blank) with Smart animate.

Workaround:

Add any interaction and animation for the component variants.

e.g. In my case, I used Key/Gamepad (leaving the “key” field blank) with Smart animate.

I have been trying this solution for over an hour and couldn’t get it worked. Finally I realized that this only with setting the variable but not with setting a variable mode. I wanna leave this here in case others struggle with the same thing.

It’s a bit finicky but works in principle.

I have yet to see a good demo file so I made one myself. The demo changes a square into a circle. It includes two examples. Basic instructions:

• Create a string variable with its value set to the default variant name of the target component.
• Assign that variable to the component inside your prototype frame (nothing changes)
• Set up a click prototype interaction that changes that variable value to the new variant name on a controlling component (like a button).
• Make sure that the target component (that will be changed) has animations changes set up with “on click” or “keypad” (can be empty) that smart animates them into the other variant.

Smart Animate Example with Variables setting the Component Variant.fig (61.9 KB)