Explore the Framer X interface and most of its tools to help you learn your way around.
- [Instructor] So let's take a look at the interface.…Please keep in mind, I'm currently using…a beta version of Framer X.…So when you watch this video, some of the areas…might be a bit different, and we'll try…to keep our courses as updated as possible to catch up.…But if it is for you at the moment…of watching this course, take a look…at the new tools or sections that might simply…be a renaming of what I cover.…If not, take a look at the documentation…in the Health section, to find out…what this tool is.…So first, open up Framer X, and once you have…it open, let's take a look at the examples.…
So click on Examples here.…And simply download one of the examples.…So let's download the linking here.…Let's open up that project in Framer.…And when you first come in into Framer,…you have multiple sections on the left,…and then on the right.…And in the middle, you have all your designs.…So if you take a look at the left,…you have the plus sign, which is basically…where you add new items to your prototypes.…
Then you have a layers list of all your prototypes,…
- 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
Building and Maintaining Your UX Design Portfoliowith Diane Cronenwett15m 54s Intermediate
Practical UX Weekly: Season Twowith Drew Bridewell2h 47m Intermediate
Learning Framer X1m 8s
1. Introduction to Framer X
2. Design in Framer X
3. Prototype in Framer X
4. Introduction to Components
Next steps1m 19s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.