Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Figma Course - Web Design Tutorial for Beginners

via freeCodeCamp

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Master Figma for web design in this comprehensive tutorial tailored for beginners. Explore essential tools and techniques, from basic setup to advanced features like Auto Layout and Components. Learn to create both desktop and mobile designs, prototype your ideas, and leverage layout grids and constraints. Dive into practical exercises guided by experienced instructor Joy Shaheb, covering everything from text manipulation to responsive design principles. By the end of this 3-4 hour course, gain the skills to craft professional-quality website mockups and prototypes using Figma's powerful interface.

Syllabus

Intro.
Figma Setup.
Left Panel.
Top + right Panel.
Text Tool.
prototype test.
Auto Layout.
Layout Grid.
Constraints.
Components.
Desktop Design.
Mobile Design.

Taught by

freeCodeCamp.org

Reviews

4.6 rating, based on 94 Class Central reviews

Start your review of Figma Course - Web Design Tutorial for Beginners

  • Great beginner course!
    This Figma web design tutorial is clear, engaging, and perfect for beginners. I learned how to create layouts, use components, and design responsive websites with confidence. Highly recommend!
  • Excellent Course !

    I learn many things about figma, start from how to setup, how to design using figma, what can figma do or used for, i really helped about this figma course because i need it to upgrade my experience about design
  • I recently completed the "Figma Course - Web Design Tutorial for Beginners," and I must say, it exceeded my expectations in every way. As someone relatively new to web design, I found this course to be an invaluable resource for learning the ins and…
  • Excellent class for beginners. Its worth watching and it is more understandable. The way of tutoring is so good and it help me a lot to know wide about UX and its components

    Thank you
  • Profile image for Lintang Rahma Ayala
    Lintang Rahma Ayala
    I really enjoyed the Figma Course - Web Design Tutorial for Beginners! The course is very well-structured and easy to follow, even for complete beginners like me. The explanations about Figma’s interface, using frames, components, and prototyping are clear and practical, allowing me to apply them directly in real projects. The instructor also shares useful tips and tricks that improve design efficiency. The video tutorials are engaging and visually appealing, making the learning process enjoyable. After completing this course, I feel more confident in creating interactive web designs, and I would definitely recommend it to anyone starting out in UI/UX design.
  • SRIMANI KOTA
    The Class Central Figma course is simple, clear, and beginner-friendly. It introduces the basics of design, collaboration, and prototyping in Figma with easy-to-follow lessons. Learners like that it’s practical, with hands-on projects that help build real skills quickly. The course is free, accessible, and well-structured, making it a good starting point for anyone new to UI/UX design. Overall, it’s valued for being straightforward, useful, and offering a certificate that adds credibility to your learning journey.
  • Profile image for Ademola Wisdom
    Ademola Wisdom
    I just completed a Figma course and it was a game changer for my UI/UX journey.
    I learned how to design responsive layouts using Auto Layout, create reusable components, build prototypes, and structure design systems properly.
    The most valuable part for me was understanding spacing, hierarchy, and professional workflow.
    I now feel confident designing complete interfaces from scratch.
    Excited to apply these skills in real projects.
  • Clear and simple Figma tutorial for beginners! Perfect start for learning design basics, with practical examples and easy-to-follow steps that make mastering Figma fast and fun!
  • Profile image for DRASHTI VEKARIYA
    DRASHTI VEKARIYA
    1
    The "Figma Course - Web Design Tutorial for Beginners" is a fantastic resource for anyone looking to dive into the world of web design using Figma. As someone who recently completed the course, I found it to be an invaluable tool for both beginners…
  • "Insightful course! It offers a solid foundation in UI/UX with practical examples and hands-on projects. Highly recommend!"
  • Profile image for Isabella  Santos Fernandes
    Isabella Santos Fernandes
    "Gostei muito do curso. O conteúdo é fácil de entender, os professores explicam bem e aprendi bastante."
  • Lakica Cynthia
    This is a great course it has helped Me learn a lot I highly recommended for beginners. The teachers teach and make all of us understand no one is Left Behind.
  • Saeed Jama Harbi
    Great beginner course This Figma web design tutorial is clear, engaging, and perfect for beginners. I learned how to create layouts, use components, and design responsive websites with confidence. Highly recommend!
  • Anonymous
    It was very useful. Thank you.I think it will help me take the first steps, even if it's just a beginning.For this reason, I would like to thank you for creating the course for free.
  • Great course I had learnt so many new things and get more attracted about the design and development of the course I had the greatest experience thank you!
  • This course was wonderful. I would highly recommend all new, upcoming web designers who want to specialize in Figma, to start out with this course, it is very in-depth and not fast paced, which will ensure you grasp all the necessary tools in a very effective manner.
  • Sarmila C
    It is easy to understand for beginners
    And also help full for beginners. Video is clear and explain very clearly step by step.
  • i appreciate all the effort you put on this small tutorial, it gave me a lot of confidence to start using FIgma to create mockups and prototypes among a lot of presentations.
  • Profile image for Chukwuike Olaiya
    Chukwuike Olaiya
    It was easy to follow along, but I wish the course had started from scratch so we could start a project from a blank page
  • Profile image for Great Utomi
    Great Utomi
    Well, this course is very easy for beginners like me. I really enjoyed the lessons, and after this course, I'll go deeper into Figma in a bigger way

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.