🔥

🔥

Updated to Config 2024

Updated to Config 2024

Thought by Industry Expert

Thought by Industry Expert

50+ Figma Lessons to Become Proficient in Figma

50+ Figma Lessons to Become Proficient in Figma

Transform your Figma skills with 50+ in-depth practical lessons, taught by an industry expert with 7+ years of experience. Master the foundations and advanced techniques to confidently design mobile apps, websites, and complex dashboards to succeed in your job.

50+

In depth lessons

The lessons covers foundations to advanced topics such as the auto layout, variables, prototyping, dev handoff, workflow and more

10+

Modules

Ten plus modules cover all essential topics and projects for you to be a Figma course

7+

Years of industry expertise

Lessons curated based on practical industry experiences, designed with how professionals create scalable products in mind.

38+

Community Members

Join the community of like minded designers, ask Figma questions and grow your network

Testimonial

Testimonial

Testimonial

Testimonial

Yay!!! Thank you John! You literally explained auto layout today so effortlessly. I understand it more now than ever before. I’m considering taking your course, so I can take my Figma skills up a notch."

Yierala

Product Designer

What will you learn

What will you learn

What will you learn

From foundation to advanced technique

From foundation to advanced technique

Project based learning approach

Enroll Today

Module 1 : Figma Foundation

Get familiar with the new Figma interfaces, get yourself comfortable navigating Figma.

Module 2 : Auto layout

Reduce your Auto layout stress, understand the foundation and best practices.

August 2023

Mo

Tu

We

Th

Fr

Sa

Su

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

Title

Arrow Right

Arrow Left

Data Picker / Option

Module 3 : Scalable Components

Build components that are scale & interactive . Build components with properties and more.

Module 4 : Advanced Variables

Master variables and learn how to build color systems, typography systems, modes, themes

Heading

Heading

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Module 5 : Responsive Design

Learn how to design responsive layouts with max, min width variables and more.

Module 6 : Prototyping Mastery

Master Figma prototyping, learn the foundations of layer setups, transitions etc

Module 7 : 10X Your Workflow

Learn various shortcuts, plugins and techniques to 10X your workflow.

Module 8 : Dev Mode & Handoff

Deep dive into Figma’s new dev mode, code connect and get efficient with dev handoff.

9:41

Fitness+

Workouts and Meditations for everyone

Train your body and mind with weekly Workouts and guided meditations designed

for all levels

Start Working Out

$9.99/Month

Save with Annual Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Summary

Fitness+

Sharing

Module 9 +10 : Mobile & Web Project

Apply all the learnings on Mobile app, Dashboard & Website to solidify your learning.

About me

About me

About me

About me

Hey there! I'm John, your Figma Instructor

I have been designing products for over a decade and have worked for global brands such as Citi Bank and JPMorgan Chase. Over the years, I've curated various Figma techniques and methods for designing scalable products used by millions of users. I have a knack for taking complex topics and making them easier for others to understand, which makes this course unique. I was recognized as a top 10 mentor on ADPList and have mentored designers from some of the top companies.


I am currently based in the Bay Area. Outside of work, I love to hike and go on road trips.

Mentored and coached designers from top companies

John is a fantastic instructor, providing concise feedback and opportunities for students to grow as designers. Whether you're new to UX or have experience.

Claudia J

Content Designer, @Hack for LA, California

This incredible environment for learning, growth, and thriving can be attributed to John. His wisdom, experience, and consistent personalized attention to each individual's strengths and potential will remind you of that favorite teacher who genuinely believed in you.

Lisa K

Director @Digitas North America, New York

Director @Digitas North America, New York

John is a go-to friend mentor who has superpowers! I felt very empowered and encouraged to whatever challenges in front of me. His advice with a ton of his personal examples on breaking into product design and what skills to focus on during the interview, onboarding, and different phases was incredibly helpful.

Jacques Lyon

Interaction Designer

Outcome

Compare our pricing plans to find the one that best suits your needs and budget.

Feel confident

Master Figma's fundamentals and gain confidence in designing complex components.


Design with Efficiency

Master shortcuts and techniques to enhance your workflow while designing apps, websites, and dashboards.

Learn Figma the right way

Learning Figma isn't just about drawing rectangles—it's about mastering how to build components, create layouts, and develop design systems.

Improve your workflow

Advanced Figma techniques can streamline your workflow and help you deliver designs more quickly.


Pricing

Pricing that best suits your needs and budget.

Ready to be a Figma Pro

Advanced Figma Course

Unlock advanced features for a more template experience.

$149

One Time Payment

Access all 50+ Lessons

Access to Discord Community

Based on 7+ years of Industry expertise

Payments are secure & encrypted

Module 1 : Figma Foundation

Get familiar with the new Figma interfaces, get yourself comfortable navigating Figma.

Module 2 : Auto layout

Reduce your Auto layout stress, understand the foundation and best practices.

August 2023

Mo

Tu

We

Th

Fr

Sa

Su

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

Title

Arrow Right

Arrow Left

Data Picker / Option

Module 3 : Scalable Components

Build components that are scale & interactive . Build components with properties and more.

Module 4 : Advanced Variables

Master variables and learn how to build color systems, typography systems, modes, themes

Heading

Heading

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Menu Label

⇧A

Menu description.

Module 5 : Responsive Design

Learn how to design responsive layouts with max, min width variables and more.

Module 6 : Prototyping Mastery

Master Figma prototyping, learn the foundations of layer setups, transitions etc

Module 7 : 10X Your Workflow

Learn various shortcuts, plugins and techniques to 10X your workflow.

Module 8 : Dev Mode & Handoff

Deep dive into Figma’s new dev mode, code connect and get efficient with dev handoff.

9:41

Fitness+

Workouts and Meditations for everyone

Train your body and mind with weekly Workouts and guided meditations designed

for all levels

Start Working Out

$9.99/Month

Save with Annual Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Custom Plans

Pick your activities and set your schedule to

stay motivated week after week. Complete your plan and you’ll earn a special award.

Build Your Plan

Summary

Fitness+

Sharing

Module 9: Mobile & Web Project

Apply all the learnings on Mobile app, Dashboard & Website to solidify your learning.

What will you learn

What will you learn

From foundation to advanced technique

Project based learning approach

Enroll Today

© Based in SF Bay Area. Website proudly designed & developed by HI Studio

© Based in SF Bay Area. Website proudly designed & developed by HI Studio

© Based in SF Bay Area. Website proudly designed & developed by HI Studio

© Based in SF Bay Area. Website proudly designed & developed by HI Studio

© Based in SF Bay Area. Website proudly designed & developed by HI Studio