Hey there! I’m loving the new Interactive Components, but since it’s in beta, here’s something that I’ve found.
I noticed a correlation between the prototype performance (in terms of interactive components) and some — seemingly unrelated — settings of frames not containing any interactive components at all. In this particular example, it is a frame that despite not containing any interactive components, seems to affect the overall performance of the prototype if its “Clip content” property is set to TRUE.
Here’s an example file along with steps to reproduce this:
- Link to Figma File
- Open up the prototype and start moving your cursor around the boxes on the “Board” to see their hover states. Take a moment to appreciate how good it feels, and how satisfying the overall responsiveness is.
- Now go back into the file, locate the “[Clip Content Me] Instructions” frame and check the “Clip content” box.
- Go back to the prototype and see how the boxes on the “Board” start lagging.