Jump to content

CSS Sprite Generator Plugin for Illustrator


Recommended Posts

This is great and a total no-brainer, very comfortable. I know there are a couple of solutions out there including command line based ones (also within Grunt and Compass), but this has been the most usable for me yet.


You can name your symbols like css selectors, and of course use Sass with it too.

I name my symbols like this (Sass placeholders):

  • %sprite-next
  • %sprite-next:hover
  • %sprite-prev
  • %sprite-prev:hover

and so on, and then I extend my desired elements like this:

.my-element {
  @extend %sprite-next;

It even summarizes symbols with same sizes into single selectors.

  • Like 4
Link to comment
Share on other sites


  • Create New...