Mobile app version of vmapp.org
Login or Join
Speyer780

: Generate/Extract for Illustrator? Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously

@Speyer780

Posted in: #AdobeIllustrator #Svg #WebsiteDesign #Workflow

Is there a way (plugin, add-on, etc) to export assets from Illustrator the way one does with Photoshop Generate? I'm finding myself spending a lot of time meticulously separating everything into many many artboards, and it would be very helpful if I could just have each group output to a different subfolder (dare I say, even exported at different sizes), and then be able to drop the elements into my layouts (or animations...or link them in my code). I believe that Illustrator and SVG is clearly the future of web design/dev, but the workflow (as it stands) is atrocious. I've done a bit of digging online to no avail. The artboards do work, but they are massively tedious to separate, and it doesn't allow separation of overlapping elements the way I'd like.


P.S.: Any useful tools for speeding up a vector => website workflow are also very welcome. I find myself spending way too much time on the export as my procedure stands now, and any way I can streamline it is a step forward!

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

4 Comments

Sorted by latest first Latest Oldest Best

 

@Chiappetta793

I found the Smart Layers Export script a lifesaver. You can export specific layers/artboards to multiple formats at once, svg included, and export at different sizes (@2x, etc).

10% popularity Vote Up Vote Down


 

@Lengel450

Using Adobe CC I design assets in illustrator then export to Photoshop via my Adobe Creative Cloud libraries. Photoshop is hands down way better than Sketch3 to export files, particularly when file size matters.

1 - Design in illustrator on a pixel grid and every asset on a separate layer

2 - I select the asset using its layer

3 - I use my Adobe CC library to export the asset Library Panel / Add Graphic [button] and give an appropriate name to my asset (ex.: AssetName@1x.png) that reflect my final export format

4 - I create a document in photoshop and drop all the asset I saved in my library. Each asset will show as a layer with the name I gave it.

5 - Select the layers to export then Layer Panel / Export As. The layer name suffix automatically selects the format.

10% popularity Vote Up Vote Down


 

@Carla748

You can use Slices in Illustrator to export images using Save For Web.



I’d advise against using Illustrator to export image assets. It has many issues, like non-dithered gradients, worse shape antialiasing than Photoshop (and other apps), and other problems.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme