-
Color System
You’ll know how to build a reusable color system from scratch, techniques on how to do it, and eventually take ownership of it for your projects.
-
Typography System
You’ll learn how to create your own scalable typography system from scratch, understand the benefits of having one, and take ownership of it for your projects.
-
Icon System
Gone will be the days when you’ll be scouring the internet for some free icons. By the end of this mini-course, you’ll have built your own icon system that you can reuse for your projects.
-
Button System
Say hello to consistent, well-structured buttons across your User Interfaces. You’ll learn how to build various types of buttons from scratch, and save it for your projects.
-
Master Components and Libraries in Figma
Level up your understanding of Figma with this course. You’ll know the right techniques of creating and using components, publishing styles, and leveraging libraries for an efficient design workflow.
-
A Working Knowledge of Design Systems
By the end of this course, you’ll feel 10x more confident with your Figma skills now that you understand the fundamentals of Design System creation within the app.
Course Requirements
- Completed Databases Course (Figma basics are covered there)
Course curriculum
-
-
Welcome
-
Course Resources and Help
-
Where to Get Help?
-
-
-
01. The Atomic Design Framework
-
02. Components in Figma
-
03. Atoms: Building a Color Style Guide
-
04. Atoms: Building a Dark Mode Palette
-
05. Atoms: Building a Text Style Guide
-
06. Atoms: Building an Icon System
-
07. Molecules: Designing a Button System
-
08. Organisms: Designing Various Headers
-
09. Organisms: Designing Different Tab Bars
-
10. Template & Pages: Designing a Screen with our Design System
-
![](https://import.cdn.thinkific.com/98129/courses/1947219/Uqu0r0zbQMOsSMjmlefg_design%20systems%20thumbnail.jpg)
About this course
- Free
- 13 lessons
- 3.5 hours of video content