framer-interface

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!

Pros

  • 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

Cons

  • 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
    • Prototype is pretty slow in iFrame

 

My First Prototype

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


Also published on Medium.

About

About Chi Wai LI

Happily accept I'm a #geek but hate to sit still all day. Digital Creative and Founder of Getfit.hk. #HongKong

One Response to “FramerJS for Prototyping – Good tool, Bad share”

Say something constructive

Trackbacks and Pingbacks:

  1. Weekly Top 5 #56 - Validation, Design and FramerJS experiment - Shapes

    […] One Experiment: Playing with FramerJS […]