Courses
Project Course

Figma Fundamentals - Design Your Own Landing Page

Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.

4.5 hours
Adam Tossell
1

See the build

Watch the finished product first. Know what you're building toward.

2

Learn the stack

Follow the tools and the decisions, not just the clicks.

3

Ship your version

Use the course as a template for your own product.

What you'll get

Build the project. Keep the skill.

Every course ends with a shipped artifact and a reusable pattern. Faster builds, smarter decisions, real products.

Learn the exact stack used to ship the project

Understand the build decisions, not just the steps

Walk away with a pattern you can reuse on your own

Overview

Figma is an intuitive design tool that empowers you to craft beautiful, functional user interfaces. In this beginner-friendly project, you'll build a solid foundation in Figma by designing an impressive landing page from the ground up.

As you progress through the course, you'll learn crucial Figma skills such as navigating the interface with confidence, organizing your work with frames and groups, and creating responsive designs using auto layout. You'll also explore the creation of style guides for typography, colors, icons, gradients, and images, ensuring a cohesive and polished design.

By constructing the various sections of the landing page, including the navigation bar, hero section, feature sections, testimonials, FAQs, and footer, you'll gain practical experience in applying your Figma skills to a real-world project. You'll also discover how to create reusable components, like buttons, to optimize your workflow and maintain consistency throughout your design.

Here's a taste of what you'll learn:

  • Confidently navigating the Figma interface
  • Knowing when to use frames and groups for optimal organization
  • Using auto layout to create responsive designs
  • Developing style guides for typography, colors, icons, gradients, and images
  • Building reusable components to boost efficiency
  • Designing a professional landing page with a navigation bar, hero section, feature sections, testimonials, FAQs, and footer

By the end of this project, you'll have a firm grasp of Figma fundamentals and the skills to create stunning, professional-looking designs. These abilities are highly valued in various industries, from web design and app development to marketing and graphic design. Whether you're aiming to pursue a career in UI/UX design or simply want to level up your digital design skills, this project will provide you with a robust foundation to build upon.

What you'll learn

  • Navigating the Figma interface with confidence
  • Using frames and groups effectively for organization
  • Leveraging auto layout for responsive designs
  • Creating style guides for typography, colors, icons, gradients, and images
  • Building reusable components to optimize workflow
  • Designing a professional landing page from scratch
  • Applying Figma skills to real-world projects
  • Gaining a strong foundation in UI/UX design

Who this is for

  • Beginners who want to learn Figma from the ground up
  • Designers looking to expand their skills and create professional landing pages
  • Entrepreneurs and marketers who want to design their own websites
  • Anyone interested in pursuing a career in UI/UX design

More from this track

Figma Fundamentals - Design Your Own Landing Page course artwork
4.5 hours

Figma Fundamentals - Design Your Own Landing Page

Learn Figma essentials by creating a stunning landing page in this beginner-friendly project.

View course
Ready to build?

Get Figma Fundamentals - Design Your Own Landing Page and the rest of the library.

One membership. Every course. Every project. Less than a freelance dev hour.