Masking with Curved Line

[leonyjiang]

Hi, I've been playing around with Adobe XD for a few hours and am running into a problem: how do I mask an object with a curved line? I created the curved line using the pen tool, it has three anchors total (looks like an S on its side), and the object I want to mask is a rectangle with some rounded corners.

For the rectangle, I want the area under the curve masked away. When I select the curve and the rectangle in assets then mask using the curve (⇧⌘M), I get this:

The area under the curve is masked out, but the entire rectangle above the horizontal center of the curve is also masked out. How can I get just the area below the curve to be masked out?

[Ares Hovhannesyan]

Is this a result that you whant to get? 

[leonyjiang]

Not exactly. Sorry if my explanation above was confusing. I would like this:

to have the shaded part masked out:

So only half of the rectangle above the curved line remains.

[Monika Gause]

You want to cut it off?

Use the shapebuilder tool https://helpx.adobe.com/illustrator/using/creating-shapes-shape-builder-tool.html or live paint if you want it to be editable.

[leonyjiang]

Is this not possible with masking in Adobe XD...? It seems that something simple like this should be. Essentially, this is the effect I want to achieve:

but with the curved line as the foreground.

[Ares Hovhannesyan]

rPlease review this picture. You can use instead path circle. The problem is that you need to close your "S" path.

[leonyjiang]

Thanks for your prompt reply, and sorry about delaying mine! I am close but unsure how to fix this last issue. After closing the S-curve using the pen tool (the left edge is curved out, not sure how to fix that), I selected the "Mask with Shape" option.

After masking, this is the result. How can I change it to mask the lower part and keep the upper part?

[Ares Hovhannesyan]

Here is how mask works. You can see below pbject through infront object. May be this can solve your problem  Thanks