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(??).
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
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.
*dynamically repeatable as in new icons as applicable with the use of the repeat grid tool
1. Version of Adobe XD: 0.6.28.10
2: Steps to reproduce issues:
2.1: Create grouped objects with an SVG used instead of a raster image (PNG, JPEG, GIF, etc) to represent an illustration/image/icon
2.2. Create a repeat grid
2.3. Attempt to replace the SVG with another SVG, IMG, or a group of either or both.
3. Expected result:
Expected SVG to be replaced or be now repeatable
4. Actual result:
This does not work, noooooooooo!
Daniel Tomalin commented
When i try and drag a folder full of SVG onto a repeated grid it seems to only render the first image.
This is VERY important
Agree. It would also be nice if you could drag any symbol into a repeat grid and have it just fill the one slot where you place it. Your symbol could be JPG, SVG, vectors/text drawn in XD... whatever.
Eric Thayer commented
I just spent a couple hours aligning icons for review. This would of been so helpful!
Definitely agree - an .svg (and .eps for that matter!) should be treated in the same way as jpegs.
Clemson Tiger Alumn commented
In addition to allowing external svg file support as this feature request relates to, I'd like to suggest to extend this to enable selecting multiple svg objects already imported into XD and be able to use them as such in the repeat grid. real example would be for a navigation menu where each item has a different svg icon.
Ákos Kún commented
Exact same problem! Thought I was doing something wrong, then realized it only works with raster images, which is weird. This is a brilliant function, should work with SVG too.