Hey all,
It should be no secret that GSAP does a ton of work to get around SVG-related browser bugs and some serious heavy lifting to make working with SVG as similar to DOM/CSS as possible. We did our best to outline these strengths here: http://greensock.com/svg-tips
However, the workflow of designing an SVG in Illustrator (or other programs) and getting it to play nice can be a little challenging. Why is illustrator renaming my layers? Why did it put a transform on that thing? Why is
Using Gulp is one the best ways to create a frictionless workflow for your SVG animations. Pretty much the antithesis of Mr. Gannon's video. I don't have the time or space to explain how to use it in this post, but for those who are using it, I found a little snippet of code that might be very useful. It uses the gulp-inject plugin.
Inject SVG
https://github.com/kiyopikko/inject-inline-svg/blob/master/gulp/injectsvg.js
Using that as a task, you will probably never have a reason to ever