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.
Overview
Syllabus
) 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
freeCodeCamp.org
Related Courses
-
Figma Master Class: Design & Prototype your First Mobile App Idea
-
Create a Design System with Figma - Full Course
4.5 -
Figma Tutorial for UI Design - Course for Beginners
4.5 -
Master Figma from 0 to 100
-
Learn Figma: User Interface Design Essentials - UI/UX Design
-
The Complete Figma UX/UI App Design Course For Beginners
