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


Figma Variants – Design a Scalable Mobile App [Full Course]

via freeCodeCamp


Learn how to design a scalable mobile app using Figma Variants. This course covers organizing components, creating type systems, color palettes, icons, and various interface elements. The teaching method includes step-by-step tutorials and hands-on design projects. This course is intended for individuals interested in frontend design and Figma proficiency.


) Intro.
) Accessing Tutorial and Homework Files.
) Project Overview.
) Recommending Personal and freeCodeCamp Channel.
) Basics Overview.
) Learning The Frame Functionality.
) Learning The Autolayout Functionality.
) Learning The Component Functionality.
) Learning The Variant Functionality.
) Creating The Type System.
) Creating The Color Palette/System.
) Creating The Icon Set.
) Creating Input Variants.
) Creating Large Button Variant.
) Designing Sign Up and Login Screen.
) Creating Status Bar Variant.
) Creating The Filter Variant.
) Creating Bottom Navigation Variant.
) Creating Image Card Variant.
) Updating Input Variant.
) Designing The Discover Screens.
) Creating Large Avatar Variant.
) Creating Small Button Variant.
) Creating The Benefit Card Variant.
) Designing Details Screen.

Taught by


Start your review of Figma Variants – Design a Scalable Mobile App [Full Course]

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.