Export SVG with artboard boundary, without transform
When you export icons to SVG format, you need artboard to fit the illustrations for clear SVG code. Like Adobe Illustrator.
Now XD adds superfluous information like transform().
Sofya
shared this idea
Mihnea Ovidenie
responded
Hi,
Can you give us more details about your workflow and how the transform impacts you?
Cheers,
M.
6 comments
-
Fritz Green
commented
All the transforms bloat the code and resulting files, cause issues with animations, and make the code unnecessarily difficult to modify by hand. For us, unusable, forcing us to take the artwork back into Illustrator for export. PLEASE fix this.
-
Thomas Deinhamer
commented
As a developer I want to have SVG files as small and cleaned up as possible. Superfluous transforms make it impossible to work with the SVG in development (adding animations, etc.). Also the transforms bloat the SVG size unnecessarily.
There should absolutely be an export option to remove transforms (and recalculate path coordinates based on the transforms) so the exported files are as optimized and clean and small as possible.
These are related:
* https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/37451392-svg-should-not-transform-translate
* https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/15616317-save-svg-icons-without-transform-at-root-level -
Anonymous
commented
For a developer this is an issue. Is there any solution?
-
Anonymous
commented
There are still the issues continue in the XD for export the SVG .
-
Adam M Babkes
commented
This is a nightmare for me as well. We use a lot of SVGs with inline CSS and the resulting code for this is impossible to "fix" - so we have to work around by "re-opening" the SVGs in Illustrator to export clean SVG code.
-
Wiredframe
commented
My dev colleagues really don't like the exported SVGs. This Transform thing makes it unsuable and width and height properties are completely missing!