From the course: Learning Framer X
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Define your layout - FramerJS Tutorial
From the course: Learning Framer X
Define your layout
- [Instructor] So let's go ahead and define our first layout, while taking a look at frames. So if you don't have Framer X open, go ahead and do. And then click on the "+" to create a new project. What I wanna do is save that project right away on the desktop. And call it "Polls" with ones as opposed to l's to make it original. And then what were gonna do is use the "f" key or click on "frame" in the layout section to create a brand new frame. And basically frames are the basic of creating new devices or new sections of your device. So in this case we're going to select the iPhone8. And I'm going rename this one splash screen, or just "splash." And I'm going to change the fill. So on the right here, you have all the items that you can change for that particular item. So in this case we want to change the fill to a "linear," and I want to select the blue one, to make it look better. Perfect. The next thing we want to do is add a little text here, so its our title for splash screen. So…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.