Repeat Grid: different icons / SVG images in each grid cell
Apparently only JPG/PNG is supported when performing drag & drop of a set of images.
My assets are often SVG so supporting that format there would spare me from having to generate temporary PNGs or place manually.
It seems currently it adds all SVGs on all cells when dropping and creates a mask of all the files combined(??).
Thuthi prabath commented
I need asap! please Adobe, include it
Definitely a must!
Hell yeah. Need that asap! Please Adobe, include it :)
I also just ran into this issue.
Oh my God! I just ran into this issue!!!! C'mon man!!
Jeff Gage commented
It has almost been 2 years!
A.N.M. Saiful Islam commented
Thank you for referring this. Upvoted. :-)
A.N.M. Saiful Islam commented
In many cases we can't use vector arts. XD does not allow replacing a vector image by another. For example, inside a repeated grid, using different vector arts is a nightmare!
In such cases we need to create a raster version of it with appropriate color / gradient overlay so that we can easily replace them.
Now, when the color palette changes, we need to regenerate the raster images with the updated colors using a different application like Photoshop. This is really awful, and there is no use of the global color palette here.
A real-life example of this could be using different icons inside a repeated grid.
Please add color and gradient overlay. It's a deadly needed feature!
Harun Alikadić commented
Is there any movement on this? It's been over a year....
Luis Rodrigues commented
please consider this feature on your roadmap for future improvements
And congrats for the excellent work you have been doing.
Just to add to this; I would also really appreciate this feature, but not just for SVGs but for any Symbols I have defined. If I define a load of icons as symbols I would like to be able to drag those symbols onto the repeat grid.
Keep up the good work!
We all need this feature badly! I just stepped upon this problem and it was such a pain.
Eric Schrader commented
SVGs have a group (single object) with a bunch of paths under the group. So replacing an "image" doesn't really work. Everywhere else I use high quality SVG files, but now I have to export specific images in a specific format. Kinda a pain.
I want to create different icons in repeat grid, but when i add an icon it repeated through the whole grid elements. and i can't make the preferred action unless i ungroup the repeat grid. but this is not a perfect fix of this problem.
Ability to add different element to an individual repeat grid element.
Daniel Falquez commented
This is definitely a need as we can leverage the color change feature. Imagine importing vector icons and changing the color to them with two clicks :D
Mathieu Jouhet commented
Holy crap, so many things left to do for XD to be really usable for work. Being able to drag multiple SVGs in the repeat grid is actually quite important to me. I guess I'll export PNG now, though not without hating Adobe for having me do this.
Dima Khrapeychuk commented
I need this feature now for import set of icons
Kevin Lozandier commented
I don't think export SVGs as PNG is preferred or at all desirable:
Particularly when trying to design with Responsive or Adaptive prototypes in mind, creatives WANT to leverage the vector characteristics of SVG as much as possible–in addition to not unnecessarily manage multiple version of the image asset strictly because of sizing concerns.
Furthermore, symbols seem unrelated unless you can replace a symbol with another one that inherits the former symbol size and dimensions?
Also think a significant part of my issue isn't addressed that is more a general problem instead of a repeat-grid related problem: It's very intuitive that SVGs can't at least have the option to be treated just like raster images when a creative use case is EXACTLY like raster images.
It seems to be a weird treatment of SVGs that seem to be resolved if the current handling of SVGs was trigged not as immediately or more deliberate to be accessed.
The reasoning is that it's more likely by default SVGs are desired to be treated more like how raster images already are treated like.
Nonetheless, it's a severe problem you can't drag & drop a set of SVG images like raster images with the benefits of the repeat grid feature to the extent I'm worried why it's in the backlog.
WIth typical efficient UI & UX day-to-day workflows, SVGs are used to represent icons elegantly.
When creating mock-ups that need to represent a set of icons, many efficient UI creatives would want to drag a set of SVG icons as needed within their prototypes.
AdminDirk Schulze (Admin, Adobe) commented
Thank you very much for reporting this issue. Adobe XD indeed treats SVG as an import of vector shapes. Once important, shapes within the SVG content can be edited or reused within the project.
It indeed means that the content can not get replaced as easy as with pixel graphics. Depending on your use case an alternative might be "symbols":
1. Select your SVG content on the canvas after import
2. On the left side bar on the bottom you should see the icon for the "Symbol Library" on Mac. Open the library.
3. In the opening library sidebar click on the + on the top.
Now you can replace the content of the symbol later on and it will get reflected on all other repeat cells.
Another alternative would be export the SVG content as PNG first.
I think the requested functionality is currently covered by the following feature request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/14858715-repeat-grid-different-svg-images-in-each-grid-cel
You can up vote this feature request to raise visibility and priority of this feature. Please let me know if this feature request covers your use case.