New and returning users may sign in

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
← Adobe XD: Feature Requests

Request details

Feedback

Adobe XD: Feature Requests: 01 : Design mode

Categories

  • CATEGORIES
  • All ideas
  • My feedback
  • 01 : Design mode 1366 ideas
  • 02 : Prototype mode 370 ideas
  • 03: Share mode 50 ideas
  • 04 : Sharing on the web 216 ideas
  • 05 : Asset exporting 157 ideas
  • 06 : Extensibility 38 ideas
  • 07 : Integration with other tools 118 ideas
  • 08 : Mobile (iOS) 25 ideas
  • 09 : Mobile (Android) 19 ideas
  • 10: Developer Handoff 140 ideas
  • 11: Plugins 135 ideas
  • Other 109 ideas

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Adobe XD: Feature Requests 2,870 ideas

Swap/override SVGs (like images)

[Mac] Unintentional masking problem with SVGs when replacing via drag

Tried to find this in the forums, so I hope I'm not posting about a known issue!

I have an icon (SVG) in one of my layouts. I've duplicated my artboard several times. With regular images (like PNGs), I can just drag a new image onto the one I want to replace or swap out. Works fine. But if I use SVGs, dragging the new SVG icon onto an existing one creates a mask group...?

(v. 0.8.22.17 Beta, CS 2.4.2.61)

49 votes

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

ImpendingDoon shared this idea  ·  September 06, 2017  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →

How important is this to you?

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  September 14, 2017

Yes, it makes sense! Once we import SVG, we essentially treat it like any other object. It sounds like you want to ensure that your SVGs retain some “image” properties and be able to swap them the way you can already swap images. I’ll keep this one as open for now! Thanks for getting back to us. :)

-Elaine

Show previous admin responses (1)
feature-needs-more-info  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  ·  September 13, 2017

Thanks for reaching out! SVGs are treated as paths when we import them, which allows them to be edited within XD. We could treat them like images (meaning, they can’t be editable), or we could treat them like paths (meaning, they won’t be easily swappable). Which would you prefer?

-Elaine

Tweet
  • Remove
Attach a File

We're glad you're here

Please sign in to leave feedback

Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Paul Avory commented  ·  January 12, 2021 01:17  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I've had exactly the same issue with making components and instances. https://community.adobe.com/t5/adobe-xd/master-components-and-instances-containing-svgs/m-p/11744215?page=1#M43398 SVGs just don't work in the same way as images for drag and drop replacement, which is frustrating as i would like to use the finals assets for the backend in the front end design, saving on a process.

    Submitting...
  • Svetoslav Todev commented  ·  November 17, 2020 02:54  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Will be great to have the option Adobe XD to treat svg icon as image media that you can replace via drag and drop, with context action and in the repeated grids with svg icons like we can with raster images. Any progress with this feature?

    Submitting...
  • Marco L. Abreu commented  ·  September 10, 2020 07:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It's been a year and SVGs still cannot be overrided. This is a basic feature in a UI design app. Any news about it?

    Submitting...
  • Andy commented  ·  November 26, 2019 09:32  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    I have a component that includes a raster image but when I drag an image of a different file type (.ai) from a CC library, it leaves the original raster image and places the vector image on top, leaving the component with two images. I would like to be able to drag and drop new images to replace regardless of file type.

    Submitting...
  • Anonymous commented  ·  September 16, 2019 23:01  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Actually it makes a lot of sense in usability. When I'm creating a new design library, there are a lot of components that have icons as sub components. It doesn't make sense if we have to open up the component to replace the icon.

    Submitting...
  • Alfonso commented  ·  June 18, 2019 08:47  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    We would like to replace groups like images by draggin new content over in the layer panel ( or copy paste while having a group selected)

    Submitting...
  • Anonymous commented  ·  May 30, 2019 10:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be nice to have the ability to override SVG / vector images at the child level of a component.

    Submitting...
  • Anonymous commented  ·  May 30, 2019 10:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be nice to have the ability to override SVG / vector images at the child level of a component.

    Submitting...
  • Anonymous commented  ·  May 30, 2019 10:15  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    It would be nice to have the ability to override SVG / vector images at the child level of a component.

    Submitting...
  • Armando Scuro commented  ·  November 15, 2018 01:06  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    to be honest, all i want is to override icons on symbols. regardless of whether it is in repeat grid or no
    something like how nested symbols treat icons on sketch where they are interchangeable within a symbol

    like some times i create a list cell or button as a symbol. and i want to show a different icon for each cell or button, but currently, that is not possible as the only thing you can override in symbols are text and images

    Submitting...
  • Jens Schmidt commented  ·  October 04, 2018 04:29  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Hello Elaine, I also encountered the same problem: I created a „Master-button” that contains an SVG ICON and a text-label. I use the repeating grid to create a menu with several Buttons and can change all the Text Labels to individual menu points. I would expect that the Override also works with the SVG ICONS but it does not work. Dragging the SVG on top of the existing SVG creates a mask as „ImpendingDoon” described. I love working with overrides in Sketch. Is there a way to exchange one symbol with another symbol in XD in general? I think the way how Sketch handles the symbols really meets the needs of Interface designers. I can swop any SVG Icon with another SVG Icon at any time and even exchange the color if I use a color mask. Please have a look at this approach. It would improve XD a lot. As described here: https://medium.com/sketch-app-sources/icon-sets-with-color-override-in-sketch-f6c893278bd3
    Greetings Jens

    Submitting...
  • Amogh commented  ·  April 30, 2018 04:44  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes, I will like this feature. It will help save a lot of time especially in the editing phase. I think right now this feature is available only for bitmap images.

    Submitting...
  • Christoph Mauerhofer commented  ·  March 07, 2018 02:49  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    This would be useful for working with SVG icons. It should be possible to easily replace an SVG icon later (preserving its position, scaling, color).

    Submitting...
  • AdminElaine (Adobe) (Product Manager, Adobe) commented  ·  September 14, 2017 18:00  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Yes, it makes sense! Once we import SVG, we essentially treat it like any other object. It sounds like you want to ensure that your SVGs retain some "image" properties and be able to swap them the way you can already swap images. I'll keep this one as open for now! Thanks for getting back to us. :)

    -Elaine

    Submitting...
  • ImpendingDoon commented  ·  September 14, 2017 13:39  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Well, I kind of want both.

    I like to be able to import them and do light editing (like changing the fill color). If we go beyond that, then we're in Fireworks or Illustrator territory. That could be overkill.

    My main issue is that when I drag an SVG onto an existing one on an art board, the expected behavior for me is to REPLACE the image I am dragging to new on on top of. This is how XD works now with bitmaps. I am not expecting to merge or mask the two.

    Does that make sense?

    Submitting...

Adobe XD Feedback : Feature Requests & Bugs · UserVoice Terms of Service & Privacy Policy · Adobe Terms of Use · Adobe Privacy Policy