Artboard.png

Framer Exercises

Experimenting with Framer

Screen Shot 2017-02-16 at 6.46.28 PM.png
 
 

First prototype in framer

Nothing beats interaction design details. 

To get started, I downloaded Framer and dove into their documentation. I learned about creating animations, properties, states, events, and more.

After a lot of trial and error, I was able to come-up with a simple interaction for a make-believe project. 

In this project, the goal was to create a drag and hold interaction that feels like you are playing with a rubber band. Once you hold and release, the dashboard will auto-populate the metrics data.

gif.gif

What did I learn?

  • Keep the sections organized with hashtags. #
  • The folks at Framer will make updates. Be careful about opening and updating your files as it may mess up your files. 
Screen Shot 2017-02-16 at 6.56.24 PM.png
  • It's nifty to create commands that track events like scroll triggered.