See all courses

Design a Responsive Airbnb Website with Figma

In this project-based course you'll delve into the realm of advanced Figma features to craft a responsive website for a fictional, AirBnB-like rental service company called "Flexrent".

12 hours 0 projects 90 + lessons

Rated 4.9 out of 5 on Trustpilot

Rated 4.9 out of 5 on Trustpilot

15 Days

Average time students take to complete this course.

instructor
Taught by: Daniel Schifano
Last updated: April 2026
Our students are getting hired by top companies. We can help you too.

What you'll learn

  • Explore advanced Figma features to design a responsive website, enhancing your UI/UX design skills.
  • Experience the complete design process from a client brief to a final digital product, understanding the journey from concept to execution.
  • Gain practical experience in designing essential and intricate components, such as buttons and feature-rich cards, for web interfaces.
  • Learn to create layouts that are responsive and adaptable across different screen sizes and devices, ensuring a seamless user experience.
  • Develop a comprehensive understanding of the design handoff process, preparing you for collaboration with development teams.
  • Complete a portfolio-worthy project for a fictional rental service company, showcasing your ability to turn creative ideas into captivating digital experiences.

Why Is This Figma Project Awesome?

Because you'll be able to witness the evolution of a client's vision into a tangible digital masterpiece!

You'll delve into the realm of advanced Figma features to craft a responsive website for a fictional, AirBnB-like rental service company called "Flexrent" and go on a journey from initial client brief to a captivating website design, encompassing the entire design process, from concept, to execution, to handoff.

Plus you'll gain practical experience in designing a range of components, spanning from fundamental elements like buttons to more intricate components like feature-rich cards. With a focus on responsiveness, you'll understand the intricacies of designing layouts that adapt seamlessly across various screen sizes and devices.

By the end of this project, you'll have not only have created a stunning website for Flexrent but also gained a deeper understanding of how to harness Figma's advanced features to bring creative ideas to life, transforming client visions into tangible and captivating digital experiences.

Wait... What's a Project?

One of the most common things we hear from students is: "I want to build more projects!"

We love hearing that, because building projects is really the best way to learn. And unique, challenging projects can really make your portfolio stand out for potential employers.

But also...it just feel so good when you actually build something real!

That's why we've created ZTM Projects. A collection of comprehensive portfolio and practice projects that you can use to advance your knowledge, learn new skills, build your portfolio, and sometimes even just have fun!

What Else Should I Know?

By becoming a ZTM member you'll not only get access to all our courses, bytes, and projects.

But you’ll also get to join our exclusive live online community classroom to learn alongside thousands of students, alumni, mentors, TAs and Instructors.

Most importantly, you'll be learning from an industry professional (Daniel) that has actual real-world experience as a Lead Designer. He teaches you the exact strategies and techniques he uses in his role.

Finally, as with all ZTM courses, this course is a living thing. It will be constantly updated as the landscape changes so you can use it as your go-to resource for building Figma projects now and throughout your career.

Join 1,000s of Zero To Mastery graduates that have gotten hired and are now working at companies like Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, Shopify + other top tech companies.

They come from all different backgrounds, ages, and experiences. Many even started as complete beginners.

So there's no reason it can't be you too.

And you have nothing to lose. Because you can start learning right now and if this course isn't everything you expected, we'll refund you 100% within 30 days. No hassles and no questions asked.

Who You Will Learn With

You're getting more than just a course

Our instructors, TAs, Mentors, Alumni, and fellow students go above and beyond to help guide you and ensure you're on the right path to achieve your goals. Our private ZTM Discord server is a key factor in taking your skills, confidence and career to the next level.

Course curriculum

Here's an overview of what you'll learn in this Figma project.

8 sections90 lessons12 hours total length

Introduction

5 lectures · 2min
5 lectures · 2min

Project Demo·2:52

2:52
PREVIEW

Project FAQ

BEGIN

Project Resources

BEGIN

Exercise: Meet Your Classmates and Instructor

BEGIN

Set Your Learning Streak Goal

BEGIN

Let's Get Started!

1 lecture · 8min
1 lecture · 8min

Research and Approach

9 lectures · 56min
9 lectures · 56min

Visual Design and Foundation

7 lectures · 37min
7 lectures · 37min

Responsive Reusability

39 lectures · 5hr 34min
39 lectures · 5hr 34min

High Fidelity Designs and Prototypes

22 lectures · 3hr 27min
22 lectures · 3hr 27min

Handoff and Portfolio

5 lectures · 29min
5 lectures · 29min

Where To Go From Here?

1 lecture
1 lecture

Who is Zero To Mastery for?

You'll fit right in if:

You're struggling to make progress using free tutorials that aren't giving you the structure or clear path to achieving your goals.
You don't want to learn alone. You want personalized feedback, support, and motivation from instructors and mentors and want to be part of a supportive community of like-minded individuals.
You want to learn by doing. You're excited to embrace the struggle of making mistakes that comes with building fun real-world projects you'll be proud of.
You're sick of outdated & boring tutorials. We pride ourselves on having the most up-to-date (and fun!) courses in the industry so that you're not wasting your time and only learning what matters right now.
You can't afford to spend $8,000+ on over priced bootcamps and colleges. We got you. We'll help you go from zero to hired for less than the cost of a cup of coffee a day.

We're not for you if:

You're just going to watch the lessons and take no action. Our courses are all about getting your hands dirty with exercises and putting what you're learning into action by building fun and impressive real-world projects.
You're not ready to invest in yourself or just looking for the cheapest way to learn. If that's you, no problem, use our free Learn to Code + AI & Get Hired guide.
You don't think fundamentals matter anymore because AI can do everything for you. Understanding the fundamentals and how things really work will always be important.
You think AI is going to replace you and think there's nothing you can do about it. Well... if you keep wasting time not learning AI tools & skills, you're probably right. Or you embrace them, and 2x your productivity (and probably income too!).

Meet your instructor

Your instructor (Daniel) isn't just an expert with years of real-world professional experience. He has been in your shoes. He makes learning fun. He makes complex topics feel simple. He will motivate you. He will push you. And he will go above and beyond to help you succeed.

Daniel Schifano

Hi, I'm Daniel Schifano!

Daniel was most recently the Head of Product Design at Up & Up and is the Design Instructor here at Zero To Mastery. He has over 10 years of experience across many design disciplines (UX, UI, visual design, user research, product strategy and more).

SEE MY BIO & COURSES

Daniel Schifano

Head of Product Design

Frequently Asked Questions

Are there any prerequisites for this course?

Required:

  • Intermediate Figma knowledge is required, including a fundamental understanding of Figma's interface, tools, and basic design principles. Don't have that? Take the UI/UX Design Bootcamp course now!

Do you provide a certificate of completion?

We definitely do and they are quite nice. You will also be able to add Zero To Mastery Academy to the education section of your LinkedIn profile as well.

Are there subtitles?

Yes! We have high quality subtitles in 6 different languages: English, Spanish, French, German, Arabic, and Hindi.

You can even adjust the text size, color, background and more so that the subtitles are perfect just for you!

Still have more questions about the Academy?

Still have more questions specific to the Academy membership? No problem, we answer some more here.

What students are saying

Our courses and community have helped 1,000s of Zero To Mastery students go from zero to getting hired to levelling up their skills and advancing their careers to new heights.

Rated 4.9 out of 5 on Trustpilot

Learn the skills to stand out and get hired. In the age of AI.

Choose your currency:
$ USD US Dollar
Risk Free Pricing

100% Risk Free

We know you'll love ZTM. That's why we provide a no-hassle, 30-day money-back guarantee.

Convince Your Boss

CONVINCE YOUR BOSS TO PAY

If you’re looking to up skill then you should 100% get your employer to cover the cost of training.

Teams

Need a Team License?

With a team license, you can buy a number of spots to allocate to employees.

BEST VALUE

PRO PLAN

Pay yearly
Pay monthly
$25 / month

Paid yearly at $299$588/y49% OFF

Get Annual Plan

Build a high-value, future-proof career. For less than $1/day.

Unlimited access to all courses
Guided career paths (beginner to job-ready)
500,000+ member community (Discord)
Live career coaching sessions with mentors
Completion certificates for every course
Personalized ZTM Passport
Private LinkedIn networking group
Priority support

Lifetime PLAN

$1,299
Only pay once, ever
Get Lifetime Access

Invest in your future — pay once and you’re covered for whatever comes next.

Includes everything in PRO
All new courses and course updates automatically included at no extra cost
No subscriptions. No renewals. Just unlimited learning for life.