Master Components and Instances containing SVGs

Community Beginner ,
Jan 11, 2021 Jan 11, 2021

Copy link to clipboard

Copied

Hi

 

I would if anyone can help me, as i am currently pulling my hair out. I've built a grid of client logos that function as buttons. Each has a rollover state and each contains a client logo which is an SVG.

 

In order for each box to have a set amount of white space i have used two boxes. The first is the background transparent box that functions as the shape. The second is a smaller box which will contain the SVG logo. The smaller box functions as a mask. I've then made this into a Master component. I then add instances of this component onto the page to build the grid of logos.

 

The issue comes when i then try to replace the SVG logo. If i drag a new logo into the mask, it doesn't replace the one which is already there. If i drag the new svg onto the existing svg it becomes masked by the original logo.

 

This is drving me nuts, and is stopping me from creating the logo grid from a single Master component.

 

Can anyone throw any light onto what i am doing wrong? I am in the process of transitioning from photoshop to XD for web design, but this is driving me nuts.

 

Thanks.

 

Views

209

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Employee , Jan 11, 2021 Jan 11, 2021
Hi there, I am sorry for the frustration. I have seen a similar kind of problem reported here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/31259854-swap-override-svgs-like-images If yes, I would request you to please submit your feedback and upvote the request to add your voice. I will also make sure to share this with our team for any updates on this one. Thanks, Harshika

Likes

Translate

Translate
Adobe Employee ,
Jan 11, 2021 Jan 11, 2021

Copy link to clipboard

Copied

LATEST

Hi there,

 

I am sorry for the frustration. I have seen a similar kind of problem reported here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/31259854-swap-over... If yes, I would request you to please submit your feedback and upvote the request to add your voice.

 

I will also make sure to share this with our team for any updates on this one.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines