Building Design System in Figma from Scratch – UI UX Design

Source: https://www.udemy.com/course/design-system-from-scratch-in-figma/

What you’ll learn

Understand design systems – Grasp the purpose, benefits, and core principles behind scalable and consistent UI systems.
Create visual guidelines – Define typography, color palettes, spacing, icons, and illustration rules for a cohesive look and feel.
Build reusable components – Design buttons, inputs, forms, navigation elements, and other UI components that can be used across projects.
Combine components into patterns – Construct practical UI patterns such as sign-up forms, checkout flows, product cards, modals, and navigation bars.
Design complete screens – Apply your system to real screens, including product pages, sign-up flows, and other.
Practical exercises and homework to create your own digital design system from scratch.

Requirements

To get the most out of this course, you should have a basic understanding of UI/UX design principles and be comfortable working in Figma. You don’t need to be an expert — a beginner or intermediate level is perfectly fine — but knowing how to navigate Figma and having some familiarity with designing digital interfaces will help you follow along more easily and complete the exercises with confidence.