- What is Framer X?
- Define your layout
- Creating more layouts
- Using frames and text in frames
- Drawing with a path
- Creating interactions
- Working with React components
Skill Level Beginner
- [Manny] Have you recently heard about Framer X and have been wanting to learn how it works? Are you looking to understand Framer X design and prototype tool, as well as the basics of Framer components and how to create them. If you've answered yes to any of these questions, you've come to the right place. Hi, I'm Manny Henri, and I've been using and teaching Framer products since they were released, and it's my pleasure to introduce you to Framer X. We'll start with an overview. In this LinkedIn Learning course, we'll explore not only how to get started with Framer X, but we'll also cover the basics of components within Framer and how to work with them.
Along the way, I'll point out the differences in between Framer X and its sibling, Framer Studio. Then, we'll start designing and building a prototype using Framer's main building blocks. Next, we'll go through some of the prototype tools so that we can make our design interactive. Finally, we'll explore Framer and React components and how they can be used in Framer X. So if you're ready to build your first prototype in Framer X, fire up the software and let's get started.