May 15, 2015
Though there are an abundance of really fantastic prototyping tools right now, I have yet to settle on the perfect tool. I've had Framer in my periphery for a while now and decided that I was ready to commit to figuring it out. My reasons for choosing Framer.js over other tools (most notably Pixate):
– It integrates with Sketch (my UI design tool of choice) so I can update my Sketch files and re-import them into Framer without re-doing any code.
– Framer can model complex interactions for mobile testing. (This is where I tried experimenting with Pixate only to find it a bit overwhelming to complete a simple interaction.)
I struggled most with finding a good introductory resource for Framer. Though there is ample documentation, I learn best by watching someone and there were few videos I could find that discussed Framer development. Luckily the Facebook group is incredibly active and someone posted a link to a Framer.js Prototyping Design & Interaction Tutorial. After that I had a much easier time delving into actual code.