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


Figma Tutorial for UI Design - Course for Beginners

via freeCodeCamp


This course teaches learners how to use Figma for UI Design, covering topics such as creating shapes, typography, color selection, layout design, responsive design, and animation using Figmotion. The course aims to equip beginners with the skills needed to create visually appealing designs for websites and mobile apps. The teaching method includes video tutorials and practical design projects. This course is intended for individuals interested in starting a career in UI/UX design or looking to enhance their design skills using Figma.


) Introduction.
) Creating A Figma Account.
) Creating & Naming A Figma Design File.
) Creating Shapes In Figma.
) Selection In Figma .
) Editing Shapes In Figma.
) Introduction To Typography In Figma.
) Design Tree In Figma.
) First Design Task.
) Colors In Figma.
) Drawing Tools In Figma.
) Margin And Padding In UI UX Design.
) Figma AutoLayout.
) Formatting Principles In Figma.
) Figma Constraints And Resizing.
) Website Design in Figma.
) Jakob's Principle Of Design.
) Introduction to Styles and components.
) Figma Component Variants.
) Layout Design & Configuration For Websites in Figma.
) Layout Grids In Figma.
) Introduction To Responsive Design.
) Material Design Guide.
) Introduction To Tailwind UI.
) Tailwind UI Design Project.
) Responsive Landing Page Design Project.
) Designing Mobile Apps.
) Iconography In Figma.
) Boolean Groups.
) Figma Tokens.
) Animation In Figma With Figmotion.
) Mobile Design Project.

Taught by


4.5 rating, based on 2 Class Central reviews

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

  • Profile image for PRIYADHARSHINI R
    The "Figma Tutorial for UI Design - Course for Beginners" was an outstanding learning experience for someone entering the world of UI design. The instructor did an excellent job of breaking down complex concepts into easy-to-understand modules. The hands-on approach, with practical examples and exercises, allowed me to apply theoretical knowledge to real-world scenarios.
  • Profile image for RUTUJA BALPANDE
    amazing course. perfectly explained . stepwise course is perfectly segrigated so that proper concepts are cleared

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.