Design Systems in Figma

Course Requirements

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.

Designing with Consistency and Simplicity

Nothing makes an app look better than a simple and consistent design. Using design systems makes design consistent throughout your app.
Collaborate Better with Designers

Coders who learn more about design and design systems can collaborate more effectively with designers. Understanding design systems such as the Human Interface Guidelines provides better intuition on which controls or views to use to implement certain features.
Maintenance and Scalability

Design systems facilitate scalability through modular components that can be reused or modified as needed. This not only speeds up the development process but also makes it easier to maintain and update the design over time.