Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.Sign up
GitHub is where the world builds software
Millions of developers and companies build, ship, and maintain their software on GitHub — the largest and most advanced development platform in the world.
Sketch Symbol instances won't export correctly to SVG #1239
Sometimes I get the following output:
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Avocode 0.4.0 - http://avocode.com --> <svg height="NaN" width="NaN" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 NaN NaN"> <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=" height="26" width="76" y="0" x="-1" /> </svg>
(that's the google logo)
It looks like it happens when there's only only later and it's an
Sketch file (GitHub doesn't allow Sketch file uploads
Trying to export the google layer results in a broken SVG, for me.
Thanks a lot for the document, we are now able to reproduce the issue :)
The problem happens when exporting symbol instances in sketch documents, we will try to fix the issue in the upcoming release. In the meanwhile as a workaround you can export the SVG by opening the Symbol definition (by double-clicking the layer, the symbol definition Artboard must be synced by Avocode Plugin) and export all the layers there - the "Google" layer group in this case:
Hi guys. Symbol instances should be finally exportable to SVGs correctly in
Please note, that since the symbol overrides are not inspectable in Avocode yet, the contents of SVG will be bitmap, not vector.
We're working hard on bringing the ability to inspect symbols with overrides in-place inside the document though and it should be ready soon. For now, please vote for the feature on our UserVoice.