notification icon
Receive Notifications for New Courses, Discounts, and your Course Requests. No Spam. Promise.
  • -94%
Flux Academy - Figma for Web Designers

Flux Academy - Figma for Web Designers

$29.70 $495.00 -94%
No tax

Unlock the True Power of Figma for Web Design (LIKE A PRO!)


Fast-track your journey to web design mastery with Flux Academy’s comprehensive Figma course for web designers.

  • Master Figma the right way with hands-on experience
  • Design a responsive e-commerce site from scratch step-by-step
  • Understand components, masks, micro animations, and more
  • Work smarter with variables, auto layout, plugins, and more
  • Get 1:1 mentor feedback to elevate your Figma skills dramatically

Figma for Web Designers

  • Master Figma through real-world scenarios and actionable lessons tailored specifically for web design projects.
  • Together with your instructor Maddy, you can build an entire responsive e-commerce site from scratch using Figma.
  • Maddy Beard leads this course with her extensive real-world knowledge of Figma and passion for teaching design principles.

Here's What You're Going to Learn In Figma for Web Designers


  • Welcome & Course Overview

Module 1: The Basics

  • Setting up your Figma account and creating a new project (5:05)
  • Exploring the Figma interface: setting up pages for our website with frames (7:59)

Module 2: Core Tools

  • Using basic shapes and tools: creating the website layout (10:03)
  • Working with images: adding visuals to our homepage (5:54)
  • Using masks: enhancing the visual design (4:36)
  • Creating and using icons: adding interactive elements to our design (11:47)

Module 3: Mastering Type & Color

  • Working with text: adding headlines and copy to our homepage (8:41)
  • Choosing and applying colors: styling our homepage (8:20)
  • Creating a color and typography style guide: ensuring consistency (7:29)

Module 4: Components & Auto Layout

  • Creating components: designing reusable buttons for our site (19:01)
  • Using Auto Layout for responsive elements: building a responsive header (22:14)
  • Creating and managing components: building the product listing page (30:40)
  • Boolean variable for button component (icon) (13:12)
  • Making the page responsive, designing for different breakpoints (6:58)
  • Design product detail page with learned skills (35:24)

Module 5: Prototyping & Interactions

  • Creating basic prototypes: linking the homepage to the product listing page (11:37)
  • Adding interactions and animations: enhancing the product detail page (28:05)
  • Designing the shopping cart and checkout pages with learned skills (28:14)
  • Cart overlay and animated pre-loader (9:52)

Module 6: Collaborating, Sharing, & Exporting

  • Inviting team members and setting permissions: working collaboratively (4:11)
  • Commenting and resolving feedback: reviewing our design (6:37)
  • Sharing designs with developers: preparing for handoff (4:12)
  • Exporting assets for the web: wrapping up the project (3:31)

Module 7: Advanced Techniques & Tips

  • Building a design system: extending our project (5:31)
  • Basics of Variables (6:47)
  • Mobile & Mirror (12:23)
  • Exploring useful Figma plugins: enhancing our workflow (10:08)

Conclusion & Next Steps

  • Certification Assignment (0:31)
  • Conclusion & next steps (0:26)

By The End of This Course, You’ll Be Able To…

Master Figma for Web Design

Learn Figma's rich set of features to design stunning, responsive websites with confidence – in no time!

Create Visually Appealing Sites

Apply time-tested layout, color, and typography principles to make your web designs wow your clients.

Design Websites Faster

Use components, styles, variables, and other advanced features to accelerate your workflow.

Create Responsive Designs

Harness the power of auto layout to effortlessly design sites that automatically adjust to different screen sizes.

Impress Clients & Colleagues

Deliver professional and production-ready designs that you can be proud of handing off to your customers.

Earn a Recognized Certificate

Show your Figma skills to the world by completing the course and building your certification project on Figma.

Stay Ahead of the Curve

Gain an edge in the competitive job market by staying up-to-date with the latest features and technologies.

Meet your instructor

Maddy Beard

Maddy is a designer with over 6 years of experience working with clients big and small. She’s currently focusing on empowering emerging tech startups with strategic UI/UX design. She’s also a design educator who has created content for Figma, Adobe, Webflow, and many more as a coach at Flux and on her own YouTube channel. She strongly believes in learning by doing, trying, and making mistakes, and loves that part of her career can be to help other designers do the same.

Sales Page:

FluxFlux Academy - Figma for Web Designers Course Content

Product Details


Q: What are Gumroad Payments?

A: Gumroad Works as the payment gateway here, you get directed to an item on Gumroad that is linked to your BizArena order, once You complete you purchase on Gumroad, Your order on BizArena will be automatically Completed.

Q: Why Your Courses Are Cheap, Is This Website Legit?

A: Most of our courses come from Group buys.

We either do our own group buys or organize them.

So We have access to everything.

And other times, We are only a participant and other people organize them for us and deliver the product to us. Every course has its own unique conditions. Some Courses we get for cheap prices (Group Buy Prices).

And others not. We get them for an expensive price. We are making sure that We can provide affordable prices but sometimes, It is really out of our hands.

In both cases:

1. We only share videos, PDFS, any other documents or audio files.

2. We don't share any Facebook Group Access or any other private communities.

3. We add updates frequently once they are released.

Q: How Am I Going To Receive The Course After Fulfilling My Payment And How Soon Will I Receive It?

A: once you complete your purchase you will receive a direct link at your email, the course will also be added to your BizArena account dashboard at the "My downloads" Tab.

Q: Do I Need A Paid Mega.Nz Account To Access The Courses?

A: Nope, you will receive the link generated from our accounts and will use the quota from our accounts as well, this means you don't need anything else at all.

Q: How Can I Be Sure That I'll Receive The Course That I Paid For?

A: We have the course, you paid for it, and you will receive it.

Firstly, you need to know that we have 100% secure payment options like Stripe and PayPal which both have refund options so you don't have to worry about that.

Secondly, You can request content proof, we will send you screenshots of the course content, sample video links, and everything you need to make your concerns disappear.

How to Download - F.A.Q

16 other products in the same category:

Customers who bought this product also bought:

Product added to wishlist