Explore a first component and resizing.
- [Instructor] Now, let's continue…our conversation around frames.…So like I've explained in the previous video,…a frame is basically your device.…But what if you wanted to test for a different device?…You can actually do this by clicking on the frame itself…and then selecting the device.…So if you want to select an iPad Pro, you're gonna see…what your design is gonna look like in an iPad Pro.…You can also do that manually…by moving your device manually, like that.…And as you move the size of your device,…you're gonna see that everything else is…actually resizing or moving, as well.…
And that's the beauty of doing frames versus doing…something like an oval or rectangle.…In frames, they will always resize…accordingly, and that's what you want.…Because if you're testing different devices,…you want to see what it's gonna look like…and what all the other elements are gonna look like…inside of your device.…So let's go back to iPhone 8, perfect.…So the other thing I want you to also know is…that you can put multiple frames inside of your device.…
- 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.