Learn about shapes with pictures to continue building the prototype.
- [Instructor] Let's continue building our prototype…using frames with pictures.…So, now we need to build our list view,…so let's go ahead and do that…so we're gonna use Frames again…and you can either click Frame or use F.…Instead of selecting a device here,…you can manually create your frame like so…and then position it roughly where you want…and resize it if you want as well…and you can always guides.…
Perfect.…So, once you have a frame,…we need to fill it with something,…so we have a few images in our Resources.…If you look into the Resources here,…you're gonna find four images,…so we're gonna use that.…So, what you need to do is go in the Fill section…and click here and as opposed to select Solid or Linear,…you select Image…and then you can either drop the image here or choose it.…So, we're gonna go into Exercise Files, Resources,…and then select the first one.…
Perfect.…Now, what we need to do is create four more,…but we wanna repeat something…that's gonna be easily replicable down the road.…So, what I wanna do is create a master instance here…
- 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.