From the course: Figma for UX Design
Unlock the full course today
Join today to access over 23,400 courses taught by industry experts.
Creating the hero section - Figma Tutorial
From the course: Figma for UX Design
Creating the hero section
- [Instructor] Now that you're familiar with the overall layout of Figma and we've created our styles, it's time for us to start working with frames. We're also going to set up a layout grid, learn some shortcuts, and start building our hero section. As I mentioned earlier, frames are the foundational building block of Figma. Frames can be nested within one another. You can apply rules to define how the frames interact. So for example, we can use our auto layout, which we'll be working with later, to ensure that things stay spaced, stay consistent, as we increase our wisp between elements. Frames are also going to be one of the main learning curves, one of the more difficult things as you're moving from other tools into Figma, but they're very important to master. So once you're comfortable with Figma after this course, you're going to want to spend more time just mastering frames and digging into frames. But for now…
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.