Hey guys! I just bought Framer over the weekend, and need some help getting started. Anyone have a link to a current tutorial?
Best place to start would be http://framerjs.com/learn/basics/ !
Yeah, I've been through this, but it's not super helpful. I imported a PSD, can see its layer groups, but cannot seem to manipulate them. it would be great if I had a step by step guide.
Hey Jerehmie, I'm working on this right now. To get started, you can select the group layers like this:
***use import button to load your PSD***psd = Framer.Importer.load "imported/my-psd-file"
*** make variables for the groups that you have in your PSD ***navigation = psd.navcontent = psd.contentfooter = psd.footer
*** make changes to your layers ***navigation.y = 0footer.opacity = 1...
Do I replace the code that gets generated on import, or paste this after?
I usually just change the variable name. I also added more to the comment. That make sense?
Ah, that makes sense. I think I need to spend a little time in Codecademy before I jump into Framer.
Good luck! I'll post in this group when I finish that tutorial.
Hey Jerehmie Cannon, when importing, an Importer object is placed on top of your code. (Framer.Importer.load) It automatically is assigned a variable, but you can rename it. Let's say you've named your importer object "psd" and you have a layer group named "content" - this is how you would target the layer:
psd.content.opacity = 0
Jerehmie Cannon Here's an old tutorial I wrote (just republished it on medium): https://medium.com/@andreaswah/getting-started-with-framer-studio-6e8b783a2e0d Let me know if it helps!