Continue to view more tools while defining more layouts.
- Now let's go ahead and complete two more screens.…Now what we're gonna do is use a few shortcuts.…So, you're gonna go first in the layers.…So, this is where all your layers or all your screens are.…So, usually the way it's ordered you have the most…recent on top.…So, if we create a brand new screen that one's gonna…be on top and so on and so forth.…So, the oldest one is gonna be at the bottom…and the newest one at the top.…So, lets go ahead and create a new one and we're gonna do…basically a new frame by clicking plus and then click…on frame or F and then select iPhone 8 again…and then we're gonna do the color thing again.…
So, let's go at the bottom here.…This is just good practice and make sure you choose…linear, like so.…Perfect!…And what we're gonna do is call this one list view.…And then what we'll do is copy the title here…and then move it to the new one.…So, we're gonna do basically an option click and move.…So, option and then drag to the new screen…and I'm gonna put it roughly at the top, like this,…
- 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 Appropriate for all
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.