Figma Support Forum

Masking: The masking layer should be over, not under

Hi all,
I’ll try to keep it short and simple — I couldn’t find anything that directly addressed this issue, but in my opinion the way masks work in Figma is not optimal.

Full disclosure, I come from a very comfortable with Adobe Illustrator angle (which essentially established the standard way to apply masks as far as I’m aware, and with good reason).

The problem with needing the mask object under the object that is being masked, is that the mask object will invariably be smaller than the target object, and therefore this makes it extremely fussy to both select the correct items for masking and editing the mask layer itself.

Once a mask is applied, to edit the vector points of the mask, the only way I can see is to find the mask layer in the layers panel and hit enter or the “edit object” button in the toolbar. This is a serious workflow killer when considering you could just double click into the mask object had it been on the layer above.

That’s it! Please consider changing the mask behaviour — I know that all my colleagues feel the same way as I’m sure others do. Thanks! :pray:

Edit: I have now been introduced to the technique of using a shape as a mask for images specifically (requiring images already in figma to be copied with “copy properties” and pasted into the shape). This is an interesting workaround specifically for images, but doesn’t work with components or groups, etc – hence a more robust masking solution would be preferable imho :slight_smile:

5 Likes

Personally I like that they’re at the bottom. I’m coming from years of using Sketch, where masks are also on the bottom. If they were on top, I’d always have to work my way through them to be able to select the contents of the mask. They’d be way more “in the way” in my personal workflow. I guess an option to toggle whether they’re on top or bottom would suit everyone, though! I wouldn’t go so far as to say that having them on top inherently is more “robust”, though.

Like you mentioned about the image workflow, there’s a chance you’ll come to see Figma’s way of doing certain things that now feel off coming from Adobe’s apps. In the beginning I certainly didn’t like how Figma handled images, but now I’ve come to appreciate it.

Is there a more specific use case you could describe where you find having the mask at the bottom to be annoying? I can’t really picture a scenario where it has annoyed me yet! :slightly_smiling_face: