This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Niels van Hoorn
Posted Oct 24 - Read on Facebook

Hey everyone, I'd love to announce that Auto-Code Animation is now live in Framer!

You can now create and refine awesome animations using the new Animation Panel and live preview, all while Framer writes the code for you. For quick iteration, we’ve even added in-canvas playback controls.

We’ve spent a lot of time perfecting this feature, and we’re really excited to see what you’ll create with it. Watch the product video and read the full announcement here:

https://www.youtube.com/watch?v=BYwIjaIPxgU

http://blog.framerjs.com/posts/introducing-autocode-animation.html

18 Comments

John Grendon Enderby

Jesse Kuntz

Whoa! 😍😍😍

Nic von Dort

Awesome!!!! <3

Koen Bok

We would sure appreciate a Product Hunt upvote :-) https://www.producthunt.com/tech/framer-auto-code-animation

Leon Kosters

🔥👏🍻🎉😄🏆🙌

Paola Mendoza-Yu

😍

Nikhil Venkatesh

this is just plain brilliant!! Thank You!!

Jon Madison

excited about this. Will be in touch.:)

Clemente Garcia-Huerta

Introducing Auto-Code Animation seems to be something I will use a lot once I get the hang of Framer JS. It's awesome!

Peter Gr

This is awesome. 2 questions:

- Can we eventually use this same workflow to create / animate states? I think a lot of us use states more often than the animate method.

- Could we use these kind of controls to adjust animations that were already made by hand?

Thanks for all your work!!

Rafe Chisolm

Anyone else experiencing problems getting device frames to display in the preview window after this update?

Gregory J. Orton

Is this an update or do we get it automatically by updating the library?

Yeseul lee

I had updated!! but I can't see animation option panel. It doesn't seem to work.

Sigurd Tapio Mannsåker

Loving the animations panel. Now that I've been using it for a bit, one humble opinion: I do feel like the sliders are a bit on the short side, particularly the tension one. Currently the smallest increment I can adjust the tension by with the slider seems to be 15-20-ish which is a tad on the crude side for me. I'd find it much more comfortable if sliders with ranges in the hundreds were on their own row below the input box so they could take up the whole width of the panel.

Chris Wang

Curve editor is amazing. I used to go to http://cubic-bezier.com/ and copy and paste to framer, now I can just stay in app and fine tune that curve!

Sehwan Kim

Hi framers!
I was updated to v73 but I can't see animation panel. :-(
Does anyone have solved the problem?My Mac version is sierra 10.12.1

Ikalangita Saved

Hey, i want to discover this tool, i just wonder myself if i can build ipa or apk from framer js? or this just for prototype ?

Shiv Tandan

Akhil Sehgal

Read the entire post on Facebook