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

What is Framer? Join the Community
Return to index
Chuck Gibson
Posted Jun 28 - Read on Facebook

Hey Koen Bok and friends. I'm loving FramerJS, but I'm new to Java. I'm trying to code when someone clicks one Layer (button) it triggers another layer (menu). I've been using states but it only applies to the layer it's current on. Any help would be much appreciated.

12 Comments

Chuck Gibson

Yes!!! Thank you thank you Thank you Koen Bok

Chuck Gibson

Koen Bok That was huge for me. May i suggest a basic simple interactions cheat sheet for quick prototypes for newbies.

Koen Bok

I'd love to hear what would help you exactly. I'm way to deep into this stuff to accurately predict what you go through when you just start.

Basically a list of specific examples like the one above in some order would be great. I could make one big example that shows them off one by one.

Koen Bok

This is our current most basic overview: http://framerjs.com/learn.html#basics

Chuck Gibson

I’m currently using Sketch and FramerJS to quickly demo basic prototypes for my team. These prototypes are focused on new designs than complex interactions. I would normally go into After Effects to demo this, but that takes too long and can’t be sent to a phone. This is why Framer is great. So I need to quickly make a design and show basic interactions as a demo to pass on to the team. Those basic interactions are usually. Triggers

Triggers: The basic idea of button press triggers multiple Layers.
Example: Button press, triggers side animation and background image transition.
Side nav: Press Layer (button) triggers Menu animation.
Page Transition: Press Layer (button) triggers new page animation.

Gavin McFarland

I've created a small list with some basic examples of how the syntax is used, currently only showing examples in Coffeescript. https://gist.github.com/sevenupcan/35e3e31066a1db4a0005

Davo Galavotti

My suggestion Chuck is to invest a little time on Codecademy with their track of JavaScript. It will guide you on the very basic principles of the language.

http://www.codecademy.com/tracks/javascript

Koen Bok

Gavin I might steal that.

Chuck Gibson

Yeah, that helped Gavin McFarland cheers

Gavin McFarland

No problem Koen :)

Joshua Turner

I learned Framer by watching the original Vimeo vid where you walk is through the Facebook project. It was hugely helpful. After that it was a matter of dissecting some of the existing demos on the Framer website so I could get a better handle on how the framework worked. The best way I learn and retain information is by running through tutorials. Having an example project with sample files etc is great for me. Treehouse does this really well. If you, or someone from the Framer community, put something like this together it would be quite sweet.

Read the entire post on Facebook