Jeff Clarke
Ben Silvertown this is already possible. Create a PNG graphic to act as your mask. Drag it to ProtoPie, position it under whatever you want it to affect, the right-click and choose use as mask. The PNG’s alpha channel will be preserved and will mask the content above it exactly as you illustrate above. Also be sure to set the PNG image’s opacity to 0, otherwise you will see the PNG’s colour information
Christoph Dahlhausen
Jeff Clarke: it dont work on apple devices with protoplayer
Jeff Clarke
Christoph Dahlhausen: sure it does. Here is an example pie that is making use of PNG alpha to create custom gradients:
https://cloud.protopie.io/p/4d077d065f4eccf63c1e625c
Try running this in the iOS ProtoPie Player app
Christoph Dahlhausen
Jeff Clarke: hi Jeff, this works! But an gradient with alpha under a text as mask does not work on iOS.On Android it does, the text is loosing opacity, on iOS not
Jeff Clarke
Christoph Dahlhausen: that sounds like a bug to me. Would you mind sending me a Pie file that demonstrates the issue? You can send it to jeffrey@protopie.io
Christoph Dahlhausen
Jeff Clarke: hi Jeff, I sent you a email :)
Ben Silvertown
Jeff Clarke: Amazing! Managed to get this working. There is a bit of a trick to making this work. If you import a mask graphic direct from Figma using the protopie plugin, the "Use as Mask" checkbox doesn't appear on the layer. So to get around that you need to create an image layer and fill it with the exported mask. Then the checkbox appears and masking works as expected.
katya austin
Second this with both hands.