Skip to main content
Participant
Mar 15, 2023 11:28 AM UTC
Answered

How to hide anything outside of an component

Hi,

I'm creating a card component within XD and I have hexagons as a background. However, I only want whatever is inside the card component to be visible and anything outside it to be invisible. I can't fine a way to do this. I know how to do it for an artboard, just not a component. 

 

Attached is an image of the card and I only want what is inside the red box to be visible. Please can someone advise the best way to to this?

 

Many thanks!

    This topic is closed to new replies. Start a new post to keep the conversation going.
    Ares Hovhannesyan
    Ares HovhannesyanCorrect answer
    Community Expert
    Mar 15, 2023 5:26 PM UTC

    Did you try to draw rectangle above and Create Clipping Mask? Adobe XD Masking - Learn how to use masking with Adobe XD on XDGuru

    2 replies

    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity ExpertCorrect answer
    Community Expert
    Mar 15, 2023 5:26 PM UTC

    Did you try to draw rectangle above and Create Clipping Mask? Adobe XD Masking - Learn how to use masking with Adobe XD on XDGuru

    Translate
    Ju_1985Author
    Participant
    Mar 17, 2023 9:40 AM UTC

    Thank you, that has worked! A lot simpler than I thought!

    Translate