New tools, especially design tools, come and go almost every day.
The newest ones may fit perfectly in your tool belt, but you'd never realize it because getting started can feel like a daunting task.
This happened for me with Framer: it sounded great; I saw the evidence to back up the sales pitch; but I didn't have the right guide by my side to help ease me into it.
This course is the course I wish I had when I first met Framer.
It is short because it can be. Framer is that easy to pick up.
It is short because my mind tends to wander if I'm not hyper-focused on a specific task. I think there are other Udemy-ers like me, and if so you are going to love this course.
It is free because this is a test, and tests shouldn't cost anything to take.
Still not sure about Framer? Ask yourself:
Framer can give you design superpowers, teach you to code, and can save you 1000 meetings.
11 minutes from now you will know enough to be dangerous in Framer, and know where to go to become even more effective.
Meet Robert, preview what you will build in 11 minutes, and download Framer.
Open Framer and setup your workspace
Layers are the basic building blocks of Framer. Adding and editing them couldn't be easier!
Continue visually editing your layer in Framer
Write your first CoffeeScript code to place a layer on the x-axis
Write more CoffeeScript code to place a layer on the y-axis
Edit the code Framer wrote for you earlier.
Each layer can have unlimited states. Here you will add new state to your layer.
Just like before, you can visually tweak the properties of your layer. This time, the properties are stored in a state that you will later activate using an event.
Events are the result of some type of interaction between a user and the screen. When an event happens, you can set off one or more actions in response to that event. Here, you will setup your event and what should happen when that event is triggered.
You did it! Time to play with your prototype.
You probably have questions. Luckily, Framer has beginner-friendly documentation baked right into the software.
Not a fan of super short videos? Here is the whole course in one video.
You know the basics. It's time to dive deeper. Here are approximately 10 more ways to keep learning Framer.
Robert and his wife moved to Charlotte in the summer of 2013 to start the next chapter of their lives together. Robert quickly met like-minded peers, some of whom he taught design and development. Since moving, he has consulted co-workers, business owners and the occasional stranger on how to think smarter about design. Robert continues to seek and provide education in the hopes that design is viewed less as a barrier and more as a bridge: it may be used to separate people, but it is best used to connect people.