SVG Support?

[bomberstudios]

I'm creating this issue as a place to discuss the best approach to add SVG support in Framer (if it makes sense, that is).

I don't know how easy it is to export SVG files from Photoshop, but generating SVG instead of PNG/JPG is trivial in Sketch, so adding SVG support makes a lot of sense for Sketch Framer users.

Your opinions?

[podo]

As far as I know, Photoshop doesn't have possibility to export SVG files, however, Sketch does have full SVG support.

Anyway, I'm still not sure, why would you need SVG support in prototyping tool.

[koenbok]

One cool thing would be path animations...

On Tue, Nov 19, 2013 at 8:01 AM, Giedrius Jaloveckas <
notifications@github.com> wrote:

As far as I know, Photoshop doesn't have possibility to export SVG files,
however, Sketch does have full SVG support.

Anyway, I'm still not sure, why would you need SVG support in prototyping
tool.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/48#issuecomment-28769997
.

[podo]

Ah, yes. This would be very cool.

On Nov 19, 2013, at 4:59 PM, Koen Bok wrote:

One cool thing would be path animations...

On Tue, Nov 19, 2013 at 8:01 AM, Giedrius Jaloveckas <
notifications@github.com> wrote:

As far as I know, Photoshop doesn't have possibility to export SVG files,
however, Sketch does have full SVG support.

Anyway, I'm still not sure, why would you need SVG support in prototyping
tool.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/48#issuecomment-28769997
.

—
Reply to this email directly or view it on GitHub.

[alexfringes]

A path tween would be insanely cool.

[erikmunson]

+1

[cleercode]

It'd be neat to be able to inline SVGs in the markup and animate their color, etc. with CSS easily. :)

[lnkn]

I'd love to see path animations. Photoshop does export paths pretty well to Illustrator....

[whoisjuan]

Here is an example of someone using SVGs and 3d.js to protoype. http://snips.net/blog/posts/2014/01-10-fast-interactive_prototyping_with_d3_js.html

It would be very nice too have support for SVGs in Framer. I can see this vertically integrated with CSS to create awesome things.

[tjfwalker]

+1

[edchao]

I would be pretty pumped about this as well.

[philletourneau]

+1!

[johanneseckert]

woo, self-drawing SVGs do not seem to crazy after all: http://codepen.io/MyXoToD/blog/howto-self-drawing-svg-animation

[slowfattler]

+1000!
Would be very cool to have the abiltiy to do this..
as i investigated there are these promising plugins/framer module, but unfortunatly the sketch side lost functionality...
https://github.com/joshpuckett/FramerModules/tree/master/SVGLayer

[joshpuckett]

I just need to update the plugin, let me investigate.

On Tuesday, April 26, 2016, slowfattler notifications@github.com wrote:

+1000...
Would be very cool to have the abiltiy to do this..
as i investigated there are these promising plugins/framer module, but
unfortunatly the sketch side lost functionality...
https://github.com/joshpuckett/FramerModules/tree/master/SVGLayer

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#48 (comment)

[slowfattler]

Yeah!
thanks a lot @joshpuckett

[ray1claw]

More than just for cool tween animations, I would want this to get a crispier render of the stuff I import from Sketch (especially on Chrome Android). I also switch to Linux from time to time and would love to generate multi-sub-grouped SVGs out of Inkscape and drag them into the editor on my mac.

[slowfattler]

Yeah! I just wanted to share my discovery..
Stating here that I am a total noob when it comes to scripting (last time I tried to write some code was when AS2 was around..), I found a way to make the SVGLayer Plugin work!

So: Even the Sketch Plugin does not seem to work (at least for me) i found the 'copy SVG Code' within the SVGs context menu within Sketch.

Pasting this Code within Framer onto a SVG Layer DOES work! Metatags can be deleted manually...

I am very happy right now.

[nvh]

Great to see that this one has had a long time coming. We're covering progress on this in #151 now. Closing this one, as although it was earlier, it is now a duplicate :)