menu

Sketch

Over one million designers use Sketch to transform their ideas into incredible products, every day.

Channels
Team

How to export assets from Sketch symbols (nested) and library?

November 7, 2017 at 4:55am

How to export assets from Sketch symbols (nested) and library?

November 7, 2017 at 4:55am (Edited 2 years ago)
I have made a library of icons with color symbol and shape mask. which I am using in different places with different color fills.
I tried placing Slice inside the symbol but it is exporting as empty file. Here is the use case I am mentioning..
How can I achieve this? I have added export option in the row-symbol also.. but none it seems to be working? anyone has solution for this?

November 7, 2017 at 5:32am
You should be able to just select the icon folder and set that for export
  • reply
  • like
Slicing will also works right?
  • reply
  • like
Yeah slicing should work as well but it probably needs to be placed outside of the mask.
  • reply
  • like
With slices it should show the output in the preview window
  • reply
  • like
Whatever shows there is what exports
  • reply
  • like
So if it doesn't show anything then something is up.
  • reply
  • like
Or you can simply make the entire symbol's artboard exportable. At least to me it works :) https://cl.ly/0H1j312F3a1y
  • reply
  • like
Hi : Setting export by selecting folder won't work for me as I want to export the symbol after background color override or size change.
  • reply
  • like
: Slicing is showing me preview with my default symbol settings but once I have any override it's not working.
  • reply
  • like
Guys.. thank you for your prompt reply.. here is my test file: https://drive.google.com/open?id=10xwFzbb12wySS7eleSPJQPY9kpzxjJ6E
This might give you more insight.
  • reply
  • like
like-fill
2
  • reply
  • like
I think you will want to have a slice that just sits on top of the symbol (not inside the symbol) - this even works if you have a transparent override (the sliced image will also have transparent pixels)
  • reply
  • like
Kevin beat me to it, but this was they way I'd propose as well. If I understood the problem right?
  • reply
  • like
Hi : This isn't working for me.. as you can see in the attached image.. I have multiple over-rides for a single nested symbol and I want to find a way to get final symbols with over-rides as export results...
  • reply
  • like
  • reply
  • like
In the example doc you sent over just select the layer and make exportable.
  • reply
  • like
Or you can draw a slice above the layer
  • reply
  • like
You should be exporting from the final page not the symbols page.
  • reply
  • like
I'm not sure exactly what you're showing in the video above
  • reply
  • like
But it looks like you have slice placed within the group. Try bringing the slice outside of the group
  • reply
  • like
Check out the example that Kevin gave. You'll se he placed a slice above the symbol instance on Page 1 not the Symbols page
  • reply
  • like
Hi Josh, the thing is my actual screen will have many instances of the symbol with icon symbol nested in it. so placing slice over it will be a tedious job.. So I am looking for a way if we can set an export rule or slice within the slice would be awesome. Or any other way to avoid repeated work.
  • reply
  • like
Ahh I see so you're trying to export instances automatically. With that I wouldn't use slices then.
  • reply
  • like
Just select the instance layer and set that for export
  • reply
  • like
Then if you duplicate that instance and then override the color it will still keep the export settings.
  • reply
  • like
Show more messages