Skip to main content
Question

How do you batch prototype variant interactions?


You have a button component with different properties: type, size and icon. For every property combination, you want to transition between the following interaction states: default, hover, active. However, as you created hundreds of elements, prototyping manually is no option.

The goal is to minimize effort and ensure future maintainability.

How do you solve this challenge, e.g. using variables or plugins?

This topic has been closed for replies.

fernandolins_cs

You can select an interaction, and by clicking to the left side of it on the Prototype panel, copy and paste it to one or many elements. You might have to change the target of each interaction noodle.


Thanks for your feedback 🙂 . Even though this works great for small components, changing the target and updating the interaction becomes increasingly complex with more variations. Can you think of a way to centrally manage the prototyping?


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings