Unlock the ultimate Figma design advantage (AKA Figma superpowers)

Knowing how to use Figma's advanced features to build a design system — and having knowledge of the inner workings of design systems — is one of the most valuable skills you could acquire as a designer.

No matter where you're working, this knowledge helps you build a single source of truth that powers every design decision. It helps you bring unity cross-functionally across any organization.

In this course, you'll learn this design superpower while also leveling up your advanced design skills in Figma (learn by doing). Plus, you'll finish the course with something tangible to show for it at the end!

Once you complete the course, you will:

-Be able to build anything you can dream up in Figma, without feeling restricted to the basics

-Master Figma's advanced features by using them in real designs

-Build a beautiful design system in Figma, and add it to your career skill set

-Get comfortable with the nuances of Figma

-Gain confidence with Figma's lesser-known features by learning to use them in a fun, practical way

🎉Happening now - customers who signup for this online course now will also get this FREE backpack as a welcome gift. This welcome gift ships anywhere in the contiguous US:

Course curriculum

    1. WELCOME BONUS: Figma slide deck templates (free resource: $250 value)

    2. Claim your free backpack! 🎉(limited time offer - available to ship to contiguous USA)

    3. Design systems thinking

    4. Material Design icons (create a duplicate in Figma)

    1. Rules of design systems (best practices)

    2. The best way to name your styles

    3. Getting UI-inspired (and organized)

    4. Creating buttons with variants & component properties (part 1)

    5. Creating your button variants (part 2)

    6. Building out the rest of your buttons (part 1)

    7. Building out the rest of your buttons (part 2)

    8. The power of using boolean properties to show/hide

    9. Using instance swap for more efficient icon placement

    10. Creating a winning cover image for your file

    11. Alerts

    12. Avatars

    13. Drop-down menus

    14. Why every web app or website needs an empty state

    15. Tabs

    16. Dialogs & modals

    17. Forms & fields

    18. Navigation menus with a little-known gradient trick

    19. Charts & indicators using the arc tool

    20. Tooltips

    21. Creating your styleguide productively

    22. Create your layout examples

    23. Tables

    24. Tags & swapping out productively in bulk

    25. Congratulations!

    26. Certificate of Completion

About this course

  • $197.00
  • 30 lessons
  • Unlimited access
  • Bonus: Design systems thinking


Instructor Hannah Wright

Hannah has 10 years of design experience and is from Alaska. Creating this course has made it possible to help thousands of people around the world learn Figma — including assisting technical schools in preparing students — completely remotely, and her course has also helped employees at companies like Google and Salesforce learn how to use Figma.

She is also the founder of the design company SaaS Design, the destination for Figma templates. She has been featured in publications like Forbes and the American Express blog.

She feels a little strange writing about herself in third person.


  • Will I receive a certificate of completion?

    Yes, a professional certificate of completion (PDF) comes with all orders. You may also add it to LinkedIn.

  • My employer is planning on covering this expense for me and/or my team. Will I receive a receipt with the order details?

    Absolutely! In fact, by completing the course, you'll develop advanced skills that will be very useful to your employer.

    So, many companies choose to reimburse this course for their employees for that reason.

    If you'll be enrolling as a team, there's a bulk discount of 15% - just contact us.

    A receipt is included with every order. If your employer has been awesome by agreeing to cover it, you will receive an email receipt after your purchase, which you can forward to them. Or if it'll be just you enrolling and not a team, your boss can signup for you, then simply change the registration email to yours in their dashboard after registration.

  • How long will it take to finish the course?

    This course is comprehensive with 27 modules in total, at ~5-7 minutes per module.

  • When was the course last updated?

    The course was last updated on March 29, 2023.

  • What is your refund policy?

    There is a 30-day refund policy, so if you aren't happy for any reason, simply contact us within 30 days for a full refund.

Who is this course for?

  • Ambitious designers & product managers who want to advance their Figma skills

  • Designers who want to learn how to build a design system in Figma, a lifelong skill

  • Text length of individual points can be shorter or longer depending on your needs

Who should NOT take this course?

This course is not for beginners to Figma. This course is best for those with an intermediate-to-advanced level of Figma knowledge. If you are a beginner, I'd recommend taking the first course.

The greatest guarantee

If you don't like it, don't pay for it: Don't like the course for any reason? Simply contact us within 30 days for a full refund.