2024
4
27
0:00

🎉 Limited-Time Deal: Get our Webflow Masterclass for 30% off. 🎉

🎉 The Webflow Masterclass:  Save 30% Now! 🎉

00
days
days
00
hrs
hrs
00
min
min
00
sec
sec

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

Flux Academy courses are rated:

4.7/5

is this you?

you are...

🤔

Unsure about how to improve your Figma skills?

🤯

Overwhelmed by Figma’s rich set of features?

Seeking a fast-track Figma course for web design?

🕒

Working inefficiently and wasting time?

Not taking advantage of the latest features?

🤨

Sick of trying to figure out the right way on your own?

🚀

Looking for shortcuts to speed up your workflows?

🥼

Seeking personalized expert feedback on your work?

🎓

Looking for a recognized certification to prove your skills?

if you can relate to any of these, then THIS FIGMA COURSE IS FOR YOU.

introducing...

Figma for Web Designers

30 Step-by-Step Videos

Master Figma through real-world scenarios and actionable lessons tailored specifically for web design projects.

Project-Based Learning

Together with your instructor Maddy, you can build an entire responsive e-commerce site from scratch using Figma.

1:1 Mentor Feedback

For 8 weeks, get personalized guidance from Flux Academy mentors to take your Figma skills to new heights.

design-drawing-board-education

Expert Instructor

Maddy Beard leads this course with her extensive real-world knowledge of Figma and passion for teaching design principles.

Private Community

Get an exclusive invitation to join our private community, learn from like-minded designers, and grow together.

Lifetime Access & Future Updates

Access the course for life, including future updates. Keep your skills up-to-date with Figma's rapidly evolving features.

Enroll Now
Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn
Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn • Here's What You're Going to Learn

Here’s what you’re going to learn

Introduction

Welcome & Course Overview (1:59)

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)

Enroll Now
40% Launch Discount Expires In…
2023
10
28
0:00
00
days
D
00
hours
h
00
minutes
M
00
seconds
S

PLUS, Build This E-Commerce Site Together…

With our ready-to-use assets & step-by-step instructions, you’ll be designing a complete e-commerce website with all its bells and whistles…
No Fluff. All Action.

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.

ranking-star-top

8 Weeks of Mentoring With Industry Experts

WEEKLY OFFICE HOURS

Get a chance to ask Ran Segall anything about web design and freelancing during his weekly Office Hours.

DEDICATED MENTORS

Working on a client website? Building the course project? Have questions? Our mentors can guide you privately.

SPECIAL WORKSHOPS

Get a private invitation to our exclusive workshops to stay ahead of the game and grow continuously.

EXCLUSIVE ACCESS TO OUR PRIVATE FLUX COMMUNITY

INSTANT NETWORK BOOST

Join 6,400+ professional designers all around the world. Talk about an instant network boost!

GIGS & OPPORTUNITIES

Take advantage of special gig opportunities and collaborate with other designers and freelancers.

ACCOUNTABILITY PARTNERS

Stay on track with your learning goals, offer & receive encouragement, and grow together.

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.

Trusted By Top Brands for Educational Content:

Worked on Design Projects for Leading Companies:

What students say:

🇱🇹
María Pérez

María Pérez

The learning material and teacher are excellent. The content was explained clearly and I could follow nicely. The course structure made sense and was a good introduction to the software. I started with zero knowledge in Figma and now I am confident enough to dive deeper into it with my design projects. The best part of the course for me was, however, the mentorship. Amazingly fast reply and friendly help. The use of Loom is a winning choice. In general, I would say that the human element of mentorship would be the first reason why I would recommend this course.

🇬🇧
Glen Saunders

Glen Saunders

The Flux Academy Figma for Web Design course is great for beginners learning new web design skills, and for those looking to improve their work flow using industry best practices. I've been using Figma for over a year and this course helped me streamline my process, and learn how to be even more organised, which will increase my productivity in future digital projects. I would highly recommend this to any budding web designer out there!

🇬🇧
Joyce Giron

Joyce Giron

I've just completed the Figma for Web Designers course and I definitely think it was very helpful for me to get to understand how it works more than just skimming through loads of videos on Youtube. Youtube tutorials are great but I like how this course really gives all the information that a beginner like me would understand. The best thing about Flux is the mentors, I really appreciate how helpful they were when I was stuck with an issue which they would respond to by the end of the day.

🇨🇦
Shirley Tam

Shirley Tam

I had taught myself the very basics of Figma, but I knew that I wasn't taking advantage of many of its features to make my workflow more efficient, and I wasn't motivated to do so because I've found that trying to learn things on your own can mean finding random tutorials that make learning feel disorganized and slow. Figma for Web Designers is a short, but very comprehensive course where you follow along, step-by-step, in constructing an e-commerce site. There's an assignment that you complete afterwards which reinforces what you learned during the lessons. You even get personalized feedback on your submission. My workflow has been 10X more efficient since completing the course.

🇬🇧
Dan Hoye

Dan Hoye

Flux helped my fastrack my Figma skills in a matter of weeks. The course has massively increased my confidence, productivity and creativity within Figma. I'd recommend the course without hesitation!

🇿🇦
Alexander Heyns

Alexander Heyns

I’ve been using Figma for many years and this was a great way to help streamline my workflow. Maddy did an excellent job with this one! (Shoutout to Stan too)

🇺🇸
Pablo Lozano

Pablo Lozano

I have learned so much thanks to the course, Maddy did a great job in the way she put together all the course material.

Earn an industry-recognized certificate.

Work on a complete (and responsive) e-commerce website project and put your skills into practice within realistic scenarios.

Learn to improve and iterate on your work with personalized feedback from our expert mentors.

Earn your Flux Academy certificate by building our carefully crafted one-pager certification project.

READY TO MASTER FIGMA?

Start with our Figma for Web Designers course or dive into the Flux Academy All Access program.

Figma
for Web Designers

$
495
  • 30 action-packed videos

  • 8-week mentoring & support

  • Access to our private community

  • Flux Academy certification

  • Lifetime access to this course

  • Future updates to this course

Enroll Now 👍

🔒 Secure 128-bit SSL checkout.

Or get 12-month access to the Figma for Web Designers course as part of our:

FLUX ACADEMY
ALL ACCESS
PROGRAM

  • 12-month unlimited access to all 10 Flux Academy courses

  • Access to new Flux Academy courses during your subscription

  • 12-month professional mentoring & weekly office hours

  • Private 1:1 onboarding call with Ran Segall

learn more
Hurry! Black Friday Sale Expires In…
2023
10
28
0:00
00
D
d
00
h
h
00
m
m
00
s
s

30-Day No Questions Asked Money-Back Guarantee

When you enroll in Figma for Web Designers, you’re fully protected by our 100% Satisfaction Guarantee.

If you don’t feel like you’ve received massive value and you decide you want to cancel any time within the next 30 days, just let us know and we’ll refund you promptly. No hassles, no questions, no hoops to jump through.

Why Learn With Flux Academy?

At Flux Academy, we pledge to uphold the highest standards in the quality of our courses, 8-week expert support, and a thriving community of designers. We pride ourselves on providing:

Up-To-Date Content
Regular updates ensure you stay ahead of the curve with the latest developments and features in Figma.

8-Week Private Mentoring
Our mentors are industry professionals with years of experience, ready to support your learning journey.

Practical & Actionable
Immediately apply what you learn through real-world scenarios. Gain skills you can use on the job from day one.

​​What Designers Say About Flux Academy Courses

I have spent way too much money on online courses, and I can safely say Flux Academy courses are the best investment I’ve ever made. Just insane value!

Jack Reedle

I'm still learning web design and development, but Flux has made me believe that it is something I can realistically do to support myself and my family.

Nathan Peel

All three courses I've purchased have been high quality and very informative. The team does a great job of explaining the concepts, making it easier to learn. It has been well worth my investment in Flux Academy.

Chris Wertz

Implementing the strategies I learned in the course, I have expanded my client base and improved my design offerings. This course is the best investment I've made in my career!

Aiko Takemura

This course is perfect. now have a framework for good design. This course lays everything out very well and makes you practice it at the right time without asking for super intensive work.

Collin Clem

This is my second course with Flux, and I am impressed a second time! The course was professional with applicable and challenging assignments that got my head wrapped around solid design principles. I definitely leveled up taking this course.

Christopher Thorne

Absolutely everything about this master class has been top professional and a pleasure to participate in... Ran and his team are absolutely amazing and worth every penny!

Jacob Gruwier Vinjegaard

Flux has a nice platform with a lot of students and staff that help you out if needed, and you get mentors that guide you to your certificate which is really valuable.

Adam Karlsson

Flux Academy helped me kickstart my new career as a designer. The courses are well structured and give you everything you need to know to help you get started. I regularly revisit the courses to refresh the knowledge.

Patrick Farsch

Best course i’ve ever taken!! One thing I particularly appreciated about the course was the time that the instructor took to explain every single detail, even if it seemed easy. Moreover, the project part was crucial for learning and improving. It was definitely the part where I learned the most.

Michele Cannao'

The best online design school. I feel blessed with the certificate, it gives me a boost to set up my creative online business thanks to your learning resources and videos and Fungi Dube's feedback. Thanks again and keep up the good work.

Marie-Louise Blom

Great course. Gave me the confidence to call myself a professional web designer. Videos were enjoyable and easier to digest. Highly recommend to anyone who is interested in taking their web design to the next level.

Nosa O.

I would 100% recommend Flux Academy to any designer that wants to become a real PRO.

Tin Majetić

Please know that you have changed my life for the better with your courses. I went from having no clients at all to having 5-6 projects at any given time and often hit $10k in months. Keep it up!

Jen Chuah

Everyone at Flux has helped me more times than I can count. Being able to ask for help with problems I can't figure out or for advice on how best to do things makes such a huge difference. I am so grateful to Ran and everyone at Flux for their dedication and excellence.

Christian Larsen

Flux helped me get comfortable with Webflow, after trying to learn from YouTube tutorials. My recent branding and website clients have paid $25k, or $5,000 USD per month on a retainer basis.

Andy Mullady

I think it's a bang for the buck. I don't have the time to learn about Webflow from Youtube, Webflow University, and others. I tried, but my learning progress is so slow. Fortunately, Flux Academy tackles all of my issues, so I decided to go with Flux for fast, structured learning.

Alway John Rallos

Everything I learned in design and Webflow I learned from Flux. It brought me to quit my job and move to Bali to work fully as a freelancer. Since then, I have doubled my sales every year, and I plan to get to 6-figures next year.

Hannes Haderer

Getting feedback for our work is the best way to get better, and at the Flux Academy, the coaches are very prompt in getting back with feedback and answers to the queries we put forward.

Tresa Deepak

I rarely buy courses, but this one was worth the gamble. The content was more than what you'd find on the Flux YT channel and more focused. Great value for money.

Gabriel Irina

I was intimidated about learning a new skill set at my age (56) but the classes were easy to follow and fun. Then as we got to the end with the tips and tricks coming from amazing designers....just very grateful for the experience

Jill Bascome

What makes my experience so great is having a vibrant, dedicated community. Helpers are always available to assist with my queries. [...] It was well worth the money I spent but I feel like I got more than I paid for. Thank you very much academy.

Lê Thành Nhân

Overall the experience I had was amazing I recommend it to everyone thinking about taking this course it’s worth every penny from the information you will gain to the connections you will make.

Isaiah Harris

The best learning experience! I must say it exceeded all my expectations. The study system is the best I've experienced, with well-organized content and engaging videos and exersices. The community is very active and supportive, which made the learning experience much more enjoyable. Moreover, Ran is always available for questions and provides great input.

Saar Chetrit

For me it's money well spent. I love how the course is structured, forcing you to really practice the skill as many other courses are too theoretical. I see as one of the biggest benefits the option to get a feedback and connect with. mentors and community.

Šelmíra Š.

Flux academy has changed my life entirely. It is clear to follow, offers down-to-earth, actionable advice and teaches you the real fundamentals of great user experience and design.

Andrew McGrath

Made me believe that from a small town I just created an earning potential even when the world was shut down. Armed with this knowledge I was able to get my first freelance client even before finishing the whole course.

Norbu Lama

The Flux community and their incredible mentors are invaluable. Connecting with others, getting support with projects and client management, and giving/receiving feedback on work has made a world of difference and helped me to hone my skills. I can't imagine being on this journey without Flux!

Ashley Rose

The best course ever! If you're looking to ramp up your design skills this year, I highly recommend taking Flux Academy's courses today, even if you're well experienced designer. It is perfect!!

Mateus Vidal

Flux Academy is amongst the best online design academies I know for web design. The founder and people working there are very committed and have built a great community of inspiring students. I couldn’t afford to attend a traditional design academy so I really appreciate that Flux Academy has made design education accessible with their online school.

Mario Caruso Ricketts

One of the best courses I've ever taken. I signed a six-figure web design contract with a client, which in addition to other client work, makes this year my highest grossing year to date. Ran and the community were very supportive of my growth.

Francesca Sauls

I love how insightful Flux mentors are about website design! While there are many good courses and advice out there about designing websites, Flux's are way more insightful and practical. I find it easier to understand going forward.

Farah Hilmi

I'm loving all the courses and how in-depth the material is. I'm excited to complete all the courses, build a strong community with fellow entrepreneurs and mentors, and become a successful web developer with their help.

Jordan Concannon

Great community, extremely friendly team and very systematic approach to teaching. Recommend Flux Academy to people who want to not just learn, but practice their skills.

Igor S.

FREQUENTLY ASKED QUESTIONS

Who is this course for?

This course is tailored for web designers looking to learn Figma. No prior Figma experience is required.

I already work as a designer. Is this course for me?

Yes, this course is ideal for working designers looking to expand their skills with Figma.

Figma has become the industry standard for web design work. Mastering it can help take your career to the next level by:

  • Allowing you to work faster and boost productivity
  • Enabling seamless collaboration with developers
  • Helping you create higher quality deliverables for clients
  • Keeping your skills up-to-date with the latest web design tools
  • Opening doors for new job opportunities requiring Figma expertise
  • Even if you already know the basics of Figma, this course is great for leveling up your skills. You'll learn best practices, insider tips, and advanced techniques through real-world projects.

So whether you're a complete beginner or a junior designer, this course will equip you with valuable Figma skills to continue growing in your web design career.

Will I be able to design responsive websites for my clients by the end of this course?

Yes, you will gain the skills to confidently design fully responsive websites in Figma by the end of this course. Throughout the training, you'll learn how to leverage Figma's powerful features to easily adapt your designs for any screen size. No more meticulously resizing elements manually for each screen size.

Will I get to work on a real project?

Yes! You'll gain hands-on experience by designing an entire responsive e-commerce website in Figma. Additionally, if you choose to apply for certification, you will have the chance to create another one-pager using Figma.

Can I get feedback on my course project or real-life client work?

Yes, you'll get 8 weeks of access to 1:1 feedback from Flux Academy mentors on anything related to Figma, web design with Webflow or Framer, freelancing, and more.

Does this course cover UI/UX or app design?

No, this course focuses specifically on leveraging Figma for web design projects.

Do I need to know how to code?

No coding experience is necessary. This course is design-focused.

Is Figma free?

Yes, Figma offers a free plan called the "Starter" plan. This plan allows you to access Figma's design and prototyping features, including canvas, layers, grids, vectors, shapes, text, constraints, and more. However, the free plan comes with certain limitations, such as a 30-day version history. If you need more advanced features, Figma also offers paid plans.

Do I need any special software to use Figma?

You don't need any special software to use Figma, as it is a web-based application that can be accessed through a compatible browser.

Figma also offers a desktop app for a more seamless experience and it’s compatible with both macOS and Windows.

Figma also comes with mobile apps for both Android and iOS devices. The mobile app allows you to view, browse, and share files and prototypes, navigate team and project folders, and mirror selected frames from your desktop onto your mobile device. However, it's important to note that the mobile app does not support full editing capabilities like the desktop version.

When does the course start?

You can begin the course right after enrollment and learn at your own pace.

How long is the course?

The course includes 30 videos totaling a little over 5 hours of action-packed content. You can learn at your own pace.

How long will I have access to the course?

When you purchase a Flux course, you'll have lifetime access to the course content and all future updates to the course. The course is self-paced, so you can study at whatever pace is right for you. Private mentoring with Flux Academy experts and access to Ran Segall via weekly office hours are limited to 8 weeks from the date of purchase. (Our All Access program is a yearly subscription and it grants you access to all our courses, expert support with Flux Academy mentors, and weekly office hours with Ran Segall during the lifetime of your subscription).

Will I be learning with other students?

This program is designed to be completed at your own pace. If you prefer, you will have the chance to connect and collaborate with other students in our private Flux Community.

What are my payment options?

You can pay in three monthly installments or all at once for additional savings. We securely process all payments through PayPal and Stripe, and you’ll get an email receipt immediately after purchase. If you need a more detailed invoice for your records, let us know and we'll be happy to help you.

Does this course come with a money-back guarantee?

Yes, this course comes with a full, no-questions-asked money-back guarantee within 30 days of your purchase.

Still have questions? Email us at team@flux-academy.com. We're happy to help!

Level Up Your Web Designs in Figma – Enroll Now!

Now is the time to take your Figma skills to new heights and start designing stunning responsive websites. This Flux Academy course is crafted to accelerate your success in your career. Don't miss your chance to enroll and become a pro web designer in Figma!

Enroll Now
Hurry! Special Black Friday Sale Expires In…
2023
10
28
0:00
00
D
d
00
h
h
00
m
m
00
s
s