Get a brief overview of Framer X.
- [Instructor] If you've used Framer Studio, you've probably heard about its sibling Framer X in the news or read about it somewhere. If that is the case, feel free to skip this video. If you're completely new to Framer X, let's quickly introduce what this product is about. Framer X, like its predecessor, is a prototyping tool where you can design your prototype, add interactions, and even code into your prototype. We'll go over each of these tools in this training. Basically, the Framer team took the best of Framer Studio, in short its design, interactive building blocks, and built a brand new software with an improved UI and added a components approach and a marketplace.
The design section is a full graphics design tool that includes your typical prototyping blocks such as layouts, shapes, and paths. Then you have Components section that allow you to build and reuse components throughout your designs. We'll spend quite a bit of time on this subject later in the course. Also, the store is where you can shop for other components. And in most cases, someone already has built a component you had in mind for your prototype.
- 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