Request details

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)

19 votes
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    Signed in as (Sign out)

    We’ll send you updates on this idea

    ImpendingDoon shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →
    AdminElaine (Adobe) (Admin, Adobe) responded  · 

    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

    6 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      Signed in as (Sign out)
      Submitting...
      • Armando Scuro commented  ·   ·  Flag as inappropriate

        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

      • Jens Schmidt commented  ·   ·  Flag as inappropriate

        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

      • Amogh commented  ·   ·  Flag as inappropriate

        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.

      • Christoph Mauerhofer commented  ·   ·  Flag as inappropriate

        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).

      • AdminElaine (Adobe) (Admin, Adobe) commented  ·   ·  Flag as inappropriate

        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

      • ImpendingDoon commented  ·   ·  Flag as inappropriate

        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?

      Feedback and Knowledge Base