Masked image appears rotated in Figma Sites preview
An image inside a mask looks fine in Figma Design, but when used in Figma Sites, the mask appears rotated in the preview, breaking the crop.
Steps to Reproduce:
Create a component instance with an image inside a mask in Figma Design.
Confirm it looks correct in both design and prototype views.
Add the component to a Figma Sites project.
Check the preview in Figma Sites. (Redacted images)
Page 1 / 1
Hi there,
Thanks so much for flagging this behavior and providing such detailed steps! I've tried to reproduce the issue on my end, but it seems to be working as expected for me.
To help us investigate further and try to reproduce the issue on our side, could you please share the layer panel of both the Design file and the Sites file? That would give us a much clearer picture of the structure.
Also, just wanted to let you know that I've redacted your ID image for security reasons.
Thanks for your understanding!
Toku
Hi Toku. Thank you for your response. I checked the layer panel for Design and indeed clicked on the rotated element; I confirm it’s the image. While it's a generic image, I completely understand your concern about security. I appreciate the clarification.
In sites file the layer panel is this.
I tried to reproduce the bug by creating two rectangles: the green one has no rotation, but the red one does. I masked them inside another rectangle and moved the component to Figma Sites. In the preview, the red rectangle also appears rotated.
Hi @emoreno
Thanks so much for the detailed information! I'm going to try and reproduce this on my end, and I'll definitely let you know if I find any updates.
Thanks again for your help and your patience with this.
Toku
Hi @emoreno,
I've passed this along to our internal team as I think I was able to reproduce the issue on my end. I'll keep you updated if there is anything I can share!
Thanks for bringing this to our attention again and for your patience.