Sorry, we don't support your browser.  Install a modern browser

SVG export#200

As far as I know there isn’t a way to export a file as an SVG. I’d really love to export some of my drawings as SVGs so I can use them in other places. RIV files are very hard to use, and they’re hard to show to other people remotely.

a year ago
Changed the title from "SVG drawing export option" to "SVG export"
a year ago

This isn’t planned at the moment, but it could be something we explore for our Cloud Renderer if there’s enough interest. #55

a year ago
2
B

i was expecting that feature as well

a year ago
1

This kind of feature is necessary, there needs to be a way to export shapes from Rive. Else it would make more sense to design shapes in other applications and never in Rive, and then only animate in Rive. There are many cases where designers need the actual vector shapes to use in other apps such as with printing promotional materials.

a year ago
1

Currently the only other options I know of are SVGator, which doesn’t allow for the import of any animated files (the app forces you to produce all animations from within their app) and Keyshape, which is terrific and allows for the import of both Lottie files and animated SVGs, but only works on Mac.

The ability to export directly from After Effects to Rive, then add interactions within Rive, and finally export to a web and mobile-friendly format would be absolutely huge. This use case alone would make paying full price for Rive completely worthwhile.

a year ago
1

I didn’t even think about animated SVG, that would be huge as an export format.

a year ago
1
A

Exporting a static SVG / PNG / JPG could be a useful feature, but I see Rive more as an animation program than a design tool and don’t think it needs to be both. Do one thing and do it really well and so on…

What I do think would be absolutely amazing would be a way to “render” out animated SVGs. As far as I understand it, Rive uses its own file format in order to be able to provide specific animation features that wouldn’t be easily achievable (or performant) with just SVG + CSS, which is fine for complex animations.

But if there was a renderer / runtime that could map that internal Rive format to CSS keyframes as best as possible (with the disclaimer that not all features might be possible), that could be a huge addition for simpler animations like a menu button or some sort of illustration with a bit of motion, for which one might not want to include the entirety of a Rive runtime.

a year ago
2

What are the best tools for authoring animated-svg?
Follow-up, which platforms playback aninated-svgs (other than full browsers)?

4 months ago

@Mike Reed I believe one of best is svgator, which allows you to export animation into svg format. You can create it in After Effects as well and export to svg through bodymovin addon. However there is an issue and they are those players. Nowadays you are able to play native svg in browsers, but you cannot use it on iOS. This is a real obstacle and n1 reason we need frameworks like Lottie or Rive to run animation on mobile.

4 months ago

@Tomáš Nosek SVGator would be great, but they do not allow for the import of animated SVG. Uploading an SVG to their platform strips the file of all animation. You have to rebuild from scratch.

I’ve had far more success with the Keyshape app. Unfortunately it is only for Mac.

I was able to build a workflow from Illustrator to After Effects (via Overlord plugin) to KeyShape (which allows for direct import of Lottie json files).

I did a guest blog post detailing this workflow for anyone who is interested: https://astutegraphics.com/learn/guest-artist/featured-artist-jeffrey-karl-how-to-use-astute-graphics-plugins-to-create-a-mobile-friendly-animated-svg

4 months ago
1

I spent hours designing something still without animation. I thought I could export it to SVG. Hours of work were just gone.

4 months ago
2

Exporting to SVG would be amazing.

3 months ago
1

Still waiting, I have create high fideling character and animation on RIve, I cannot export the character for my design mocks, it would be really awesome if SVG export comes soon

3 months ago
1

also would find the export to svg super amazing

3 months ago
1

I need export svg\png too!

2 months ago