Who is this course for?

  • Designers

    Whether you're a freelance designer, job hunter, or part of an existing design team, this course will help you stay ahead of the curve.

  • Business Owners

    Building a web or mobile app? Learning Figma can help you bring your ideas to life and communicate your ideas to developers.

  • Developers

    Learn how Figma works by following the exercises, and learn how to view CSS in Figma, export assets, and make modifications.

Who is this course NOT for?

This course is probably not for somebody looking to learn just theory. That's because this course involves self-guided exercises where you will gain direct experience using Figma. :-)

FAQ

  • Is this course online? Do I have to adhere to a schedule?

    This course is 100% online and self-paced, so you can start and resume modules based on your own schedule.

  • How does payment work?

    Payment for the course is processed via PayPal, which gets you lifetime access to the course.

  • When was the course last updated?

    The most recent update was on May 16, 2020.

  • What is your refund policy?

    If you are unhappy with your purchase, contact us within 30 days for a full refund.

  • What if I don't have PayPal?

    No worries — PayPal allows for guest checkout, which means that even if you don't have an account, you can use your credit card to purchase the course via PayPal.

  • Will I get access to future updates?

    Yes! As a student, you'll receive course updates for free.

  • How long will it take to complete the course?

    Since this course is self-paced, it all depends on your schedule. The quickest students will be able to finish the same day they enroll, while others may finish within a few days if they choose to space out the lessons.

  • 🏆 Will I receive a certificate of completion? 🎓

    Yes, we offer a certificate of completion that you can add to your LinkedIn profile! Once you pass this course, you will receive instructions on adding a certificate of completion to your LinkedIn profile.

Watch Intro Video

Introduction

What you'll learn

This course was designed for Figma beginners. Get up and running and gain experience using the tool. Master the Figma essentials while gaining hands-on experience with the tool!

As a Figma beginner taking this course, you will learn how to design and prototype in Figma.

🎁 LIMITED TIME BONUS: You'll get 2 Figma templates at the end of this course ($60 value)

  • In this course, you will:

  • Master Figma by following along with the exercises

  • Create clickable prototype screens in Figma

  • Learn how to create a mini design system in Figma

  • Build a styleguide

  • Learn about developer hand-off in Figma

  • Let your knowledge help you build a great product, land your dream job, or secure more freelance clients

Instructor

Instructor

Hannah Wright

Hannah has 7+ years of digital design experience and resides in Alaska.

She is the founder of SaaS Design, an online destination for Figma design resources. She has been featured in publications like Forbes, Tech Cocktail, and the American Express blog. She also owns Figma Freebies, and enjoys giving back to the design community.
Watch Intro Video

Preview a lesson: styles in Figma

Course curriculum

  • 1

    Fundamentals

    • Introduction

    • Course exercise file (DOWNLOAD)

    • Installing & signing up for Figma

    • Creating a new file

    • Importing

    • Anatomy of a Figma file

    • Saving your work

    • Frames

    • Spacing & alignment

    • Groups

    • Scaling

    • Components

    • Anatomy of a Figma File

    • Styles

    • Quiz

    • Optional: Figma keyboard shortcuts (PDF)
  • 2

    Creating a prototype: Prototyping your own screens

    • Grids

    • Constraints & responsive design

    • Width & height tricks

    • Creating your new styles

    • Dropshadow

    • Fixed menu

    • Prototyping & interactions

    • Overlay menu

    • Active overlay links

    • Images

    • Masks
  • 3

    More advanced: Shapes, icons, and neumorphism galore

    • Creating icons with shapes

    • Neumorphic design in Figma
  • 4

    Figma plugins

    • Time-saving Figma plugins: isometric designs, content, avatars
  • 5

    Collaboration

    • Sharing files

    • Commenting

    • Exporting

    • Developer hand-off

    • Quiz
  • 6

    Figma's community feature (+tips for getting in)

    • Figma community: what it is + getting in
  • 7

    Career

    • Portfolio tips: how to showcase your work

    • Increasing your design job application response rate (+remote roles)

    • Cover letter template (link to doc below video)
  • 8

    Course wrap-up: Resources & next steps

    • Final exam

    • Congratulations!

    • BONUS: 2 Figma templates ($60 value)

[Course last updated: May 16, 2020]

  • Limited Time Bonus: Figma Templates ($60 value)

    You'll receive 2 premium Figma templates in the last module of this course.

Learn Figma your way

This course is self-paced and 100% online.