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

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 77 Class Central reviews

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

  • 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
  • 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!
  • "Insightful course! It offers a solid foundation in UI/UX with practical examples and hands-on projects. Highly recommend!"
  • Profile image for DRASHTI VEKARIYA
    DRASHTI VEKARIYA
    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…
  • 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!
  • 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…
  • 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.
  • 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
  • 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.
  • This is awesome, I'm really happy for seeing this course. Thanks to the tutor for his great explanations.
  • Klarence Timothy P. Bundang
    The "Figma Course - Web Design Tutorial for Beginners" is an excellent resource for anyone new to web design and Figma. The course is beginner-friendly, with clear, step-by-step instructions that helped me understand Figma’s tools and features witho…
  • Tanuja Modak
    While the course is excellent for beginners, more advanced users might find it too basic. However, for its intended audience of newcomers to Figma and web design, it hits the mark perfectly.
    In conclusion, if you're new to Figma and want to learn web design, this freeCodeCamp tutorial is an excellent place to start. It provides a comprehensive introduction to the tool in a way that's accessible and easy to understand, setting you up with the foundational skills needed to begin your web design journey.
  • Profile image for JAYASH -
    JAYASH -
    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
  • Ishank Singh
    It's a good course and is best for a beginner . Almost all the topic wear covered in this course and the launguage used is also good and understandable .I will strongly recommend this course to my fellow mates
  • Profile image for Deema Nasser Alsaad
    Deema Nasser Alsaad
    This Figma course was a game-changer! Clear explanations, hands-on projects, and practical tips helped me master the tool and create stunning designs. Highly recommend!
  • Argie Joven
    very nice thank you i learn a lot to this course very clear to understand every thing i hope everyone watch this couses. it was nice to learn new things everyday
  • Profile image for Gowtham S
    Gowtham S
    The course was so good and very understanding. i can notice a lot of inputs from the course module and watched all the segments of the course clearly.
  • Profile image for Krish Modi
    Krish Modi
    For me it's outstanding and very much help for me and l learn everything and it's like very easy to understand the all concepts,thank you brother
  • Profile image for KOYEE TEJA REDDY
    KOYEE TEJA REDDY
    it very pleasant course to learn. the main problem is the live examples are missing in it and not in depth knowledge in it.
  • Profile image for Krishnali Das
    Krishnali Das
    Very nice , I understand it very easily
    It help me a lot , it is very interesting and easy
    I practice and understand easily

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.