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

Define your layout - FramerJS Tutorial

From the course: Learning Framer X

Start my 1-month free trial

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…

Contents