Figma
In this class, we’ll design and prototype a responsive website header in Figma — the kind you see on real-world sites, with clean navigation, a strong brand presence, and a clear call-to-action.
We’ll cover:
- Key principles for effective headers (with real examples) - Structuring your header for all screen sizes - Using Auto Layout for easy responsiveness - Adding a smart CTA button (built with the component from one of my previous classes) - Prototyping the mobile menu with Figma Make so it’s fully interactive
If you’d like to learn how to create that button from scratch, check out: How to Create a Smart, Reusable Button in Figma (with Variants & Properties) — it’s the perfect companion to this one.
By the end, you’ll have a fully responsive and functional header ready to drop into any project — plus, you’ll know the best practices for making headers that work beautifully across devices.
This class is beginner-friendly, but even if you’ve been using Figma for a while, you’ll pick up tips for working faster and building more flexible layouts.
Let’s jump in and design a header that works everywhere.
Adi Purdila
No reviews yet. Be the first to review this course.
1 hour
Are you ready to create a website? Learning how to start a website from scratch can be both a very exciting and very overwhelming process. The website design part can be really fun but learning how to use WordPress — not so much. But it doesn’t have to suck! Important class links: Use this guide to...
2 hours
We all have massive creative skills, and we all want to show them off to the world in an online portfolio. That can get tough, though. You don’t want to use a pre-built template because that loses your personal style. You want to build it up in WordPress and start from scratch. That is possible if y...
3 hours
Get a WordPress Website up and running with no complications or coding Fast & Easy Step by Step. Would You Like to Know How to Build a Professional WordPress Website Fast & Easy Step by Step? Then, You've Come to the Right Place! How to Build a Professional WordPress Website Fast & Easy...
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
144 hours
A 144-hour UX and UI design certificate from Noble Desktop, taught live in New York or online, ending in a portfolio and a job-ready resume.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
