Skip to main content

I’m experiencing several bugs when I’m nesting prototypes inside my Figma sites. I’m listing several bugs I encountered, would love to know if anyone else is experiencing something similar:

  1. State changes using triggers are not registering in prototypes e.g. when I nest a button with hover and press states in a page, the button doesn’t return to the default state once I release the click or move the cursor away from the button.
  1. Borders with opacity below 100% don’t show up in my deployment e.g. I’m using a 1px solid black border with 10-30% opacity and it barely renders in the prototypes
Deployment vs. Design
  1. Any vectors shapes with fill doesn’t respond to the triggers when animating e.g. when I change an icon going from 60% → 100% opacity from default to hover state. It doesn’t recognize the state change like it does in Figma design files. Not sure if this is some rendering issue of if the prototypes in Sites are just buggy.

Hey ​@juicedesigns - hope you’re doing well! I forwarded the points you made above with the teams that work on Figma Sites to get some suggestions.

Since it’s Saturday, it’s likely that I won’t get a response from them until Monday or Tuesday.

Appreciate your patience. Will update you when I get more info.


Hey ​@juicedesigns - are you able to share the file you used in your visual from your original post? I touched base with one of our engineers, and they’d like to try and replicate it in the exact work you’re doing.

If you are able, please fill out this form: https://help.figma.com/hc/en-us/requests/new?ticket_form_id=360001744374

Let me know when you’ve done so, and I’ll pass it onward for review.

 

Thanks!