FramerJS for Prototyping — Good tool, Bad share

I beg you, don’t look at the code… I’m sorry it’s a mess

So here’s my first attempt at using FramerJS. I only looked into it out of frustration. Marvel and Invision wasn’t handling the animation well enough and Pixate got too weird and complicated really quickly, so since I had bought Framer with Sketch together many months ago, I might as well gave it a try and it was… AMAZING!


  • Imports from Sketch pretty easily
  • Once you understood how functions/animations are structured it’s really easy
  • FAST
  • The prototype changes as you TYPE (no need to save)
  • Can share to mirror prototype to mobile really easily


  • I had to learn CoffeeScript
  • The sharing function is REALLY basic
     - No Password protection for prototype
     - All prototypes uploaded will be available for download (I’m embarrassed of my code!)
     - Can’t delete a prototype once it’s shared, you have to email support

My First Prototype

Here’s my first attempt with Framer, let me know what you think? Is there a better tool out there?

Originally published at Shapes.

Like what you read? Give Chi-Wai Li a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.