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

freeCodeCamp

Figma Tutorial for UI Design - Course for Beginners

via freeCodeCamp

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner course teaches the fundamentals of creating UI designs in Figma, including layout, typography, color, components, responsive design, and animation. It includes projects for a Tailwind UI layout, a responsive landing page, and a mobile app.

Syllabus

) 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

freeCodeCamp.org

Reviews

4.7 rating, based on 3 Class Central reviews

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

  • Datdimplegirl
    This course is an outstanding exposition on the subject of product designing using figma. It's very indepth.

    As a beginner in product design, I am confident that having finished this course I can take on any assignments.

    It gave me a deep understanding which I know just needs a whole lot of practice for me to be fully developed in product design.

    It's rather old, referring to the time it was released and now that it's being watched but it still has every necessary information needed to do great in Figma

    It's a 100%
  • Profile image for PRIYADHARSHINI R
    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
    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.