
Udemy - Design System from Scratch in Figma
https://www.udemy.com/course/design-system-from-scratch-in-figma
Language: English (US)
Learn how to create reusable UI systems that make design faster, smarter, and more consistent.
What you'll learn Requirements Description This course will guide you step by step through the complete process of building a digital design system from scratch. You’ll start by learning the core foundations and guidelines of a design system, including typography, colors, spacing, icons, and illustration rules. Then, you’ll move into creating reusable UI components such as buttons, inputs, forms, and navigation elements. As the course progresses, you’ll learn how to combine those components into real design patterns like sign-up forms, checkout flows, product cards, modals, and bottom navigation bars. Finally, you’ll apply everything by designing complete screens and interfaces used in real digital products. Each section includes practical exercises and homework assignments, allowing you to build your own design system while learning. By the end of the course, you’ll have both the knowledge and the hands-on experience needed to create organized, scalable, and UI systems for your own projects or clients. Whether you are a beginner designer or already working on digital products, this course will help you improve your workflow, think more systematically, and create interfaces that feel consistent, polished, and easier to scale across different platforms and future projects with confidence.
⚡ 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.
❗ 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.
Hi there everybody,
Top Rated News
- PSDMarket All Flyer
- TheBoudoirDivas All Tutorial
- 126,000 Royalty-Free 3D Models
- CreativeLive Tutorial Collections
- Fasttracktutorials Course
- Chaos Cosmos Library
- MRMockup - Mockup Bundle
- Finding North Photography
- Sean Archer
- John Gress Photography
- Motion Science
- AwTeaches
- Learn Squared
- PhotoWhoa
- Houdini-Course
- Photigy
- August Dering Photography
- StudioGuti
- Creatoom
- Creature Art Teacher
- Creator Foundry
- Patreon Collections
- Udemy - Turkce
- BigFilms
- Jerry Ghionis
- ACIDBITE
- BigMediumSmall
- Globe Plants
- Unleashed Education
- The School of Photography
- Visual Education
- LeartesStudios - Cosmos
- Fxphd
- All Veer Fancy Collection!
- All OJO Images
- All ZZVe Vectors
- CGTrader 1 CGTrader 2




























